50 noticias
El CSS ha evolucionado de una simple hoja de estilos a un lenguaje de programación complejo y potente, capaz de ejecutar lógica, construir motores de renderizado 3D y gestionar bases de datos. Aunque su simplicidad inicial en 1996 generó una percepción errónea de que es solo decorativo, la realidad
Mador es un pequeño runtime reactivo para el DOM pensado para desarrolladores que no quieren adoptar un framework completo. Funciona como un módulo ES nativo y puede importarse desde npm o directamente desde una CDN sin paso de compilación ni variables globales. La API se reduce a dos funciones: r()
Vidact es un compilador en fase beta que lee componentes funcionales de React en el momento de la build y genera el código DOM equivalente en JavaScript nativo. El cuerpo del componente se ejecuta una sola vez, durante el montaje; las llamadas posteriores a setState solo actualizan los nodos de text
Las propiedades personalizadas de CSS (custom properties) no siempre se evalúan donde uno espera, y ese matiz cambia por completo el resultado de una regla. Por defecto, una variable como `--index: sibling-index()` se almacena como un flujo de tokens sin procesar y solo se sustituye y calcula en el
En el desarrollo frontend se debate si los selectores de tema deben ofrecer dos estados (claro/oscuro) o tres (añadiendo "sistema"). El artículo defiende la opción binaria basándose en un argumento publicado por Lea Verou, según el cual la mayoría de usuarios que interactúan con un interruptor en la
Varios divulgadores reconocidos del frontend web —Axel Rauschmayer, Salma Alam-Naylor, Josh W. Comeau, entre otros— han reducido su actividad pública o abandonado la creación de contenido sobre el tema. Figuras como Kent C. Dodds, Addy Osmani, Rachel Nabors y Lydia Hallie han reorientado su trabajo
En el desarrollo frontend, la optimización suele centrarse en reducir peticiones, adelgazar el bundle o aprovechar la caché. Sin embargo, en interfaces muy interactivas —con datos en streaming, animaciones y entrada del usuario simultáneas—, el cuello de botella pasa a ser otro: el hilo principal de
Minificar el CSS —eliminar espacios en blanco y comentarios— se ha convertido en un paso habitual en los flujos de trabajo de desarrollo web, pero rara vez aporta un beneficio perceptible. Este artículo analiza con datos si esa práctica tiene sentido en 2023. En primer lugar, el tamaño importa meno
Ambient CSS redefine el paradigma de la iluminación en interfaces web al introducir un sistema basado en principios físicos reales, eliminando la necesidad de ajustar manualmente escalas decorativas de sombras como shadow-sm o shadow-lg. Este enfoque, desarrollado por kikkupico y disponible a través
La comunidad web discute desde finales de 2025 una nueva función nativa de CSS llamada random(), pensada para introducir aleatoriedad controlada en el diseño sin depender de JavaScript. Safari fue el primer navegador en incorporarla, dentro de un conjunto de novedades enfocadas a «pavimentar los cam
Este artículo explica de forma didáctica qué son los hooks useMemo y useCallback de React, para qué sirven y cuándo merece la pena utilizarlos. Ambos son herramientas de optimización del proceso de re-renderizado, que es el mecanismo con el que React mantiene la interfaz sincronizada con el estado d
Alex Russell, del blog Infrequently Noted, publica la edición 2026 de su serie sobre la brecha de desigualdad de rendimiento, una guía de referencia para dimensionar sitios web pensando en dispositivos y redes reales. La actualización define un nuevo presupuesto de red: 9 Mbps de bajada, 3 Mbps de s
El CSS Working Group resolvió hace dos semanas, durante su reunión presencial (F2F) celebrada en Berlín en agosto de 2026, incorporar al borrador de la especificación CSS Selectors Level 5 un nuevo selector denominado Class Prefix Selector, cuya sintaxis es .prefijo-*. Esta propuesta, planteada orig
El estándar HTML ha ido incorporando durante los últimos años funcionalidades que antes dependían de JavaScript, lo que permite a los desarrolladores web construir interfaces interactivas con menos código de scripting. La página 'HTML Can Do That', elaborada por Chris Burnell con motivo del HTML Day
El repositorio css-in-js-arena, mantenido por gajus en GitHub, publica una comparativa reproducible entre tres motores de CSS en tiempo de compilación: Bamboo CSS (1.45.3), StyleX (0.19.0) y Panda CSS (1.12.0). Cada motor se integra en una aplicación React Router 8 con seis rutas idénticas —panel de
Un usuario de Hacker News busca consejo de desarrolladores con experiencia práctica en interfaces para pantallas de tinta electrónica (e-ink). Su dispositivo concreto es un Bigme Hibreak Pro en blanco y negro, pero busca soluciones con compatibilidad amplia. El motivo del cambio fue reducir la depen
Un análisis automático sobre las páginas de inicio de los 5.000 dominios mejor posicionados en el ranking Tranco detectó que 9 de cada 10 vulneran la especificación HTML y acumulan 100.399 errores en 220 familias distintas de mensajes, junto a 17.599 errores CSS. Solo 2.655 dominios respondieron con
Elegir una buena fuente para un sitio web es solo el comienzo: el grosor, el estilo, el espaciado y la decoración del texto abren muchas posibilidades, pero en ocasiones hacen falta herramientas adicionales para que los textos destaquen visualmente. Esta guía repasa cinco propiedades CSS relativamen
Carl Kolon, líder de ingeniería, ha publicado en su blog personal la lista de artículos que comparte con su equipo bajo la etiqueta «required reading». El objetivo es destilar el conocimiento de otros programadores que hayan enfrentado retos parecidos a los suyos. El conjunto está organizado por te
Este artículo de opinión repasa los principales argumentos del desarrollador Andros Fenollosa en contra de utilizar Tailwind CSS de forma generalizada. El autor reconoce que el framework es popular entre programadores web porque estandariza espaciados, colores y tamaños, y obliga a una metodología d
Un desarrollador publica un tutorial en el que explica cómo construir un clon mínimo de htmx recurriendo únicamente a JavaScript vanilla. La pieza forma parte de una serie iniciada en 2018 con clones de React y Vue, y se propone como un ejercicio divulgativo para mostrar el núcleo de la librería. h
AGI Ranker, un proyecto que ofrece una puntuación abierta de inteligencia artificial general (AGI Score) para modelos de frontera, ha publicado en pocos días seis versiones de mantenimiento (de la v2.0.1 a la v2.0.6) centradas en subsanar errores de contenido y de experiencia de uso detectados tras
Nombrar correctamente un elemento de interfaz de usuario es útil solo cuando conduce a la interacción, el foco, el comportamiento de teclado, el cierre y la adaptación móvil adecuados. Este artículo propone un método de tres pasos para distinguir entre patrones visuales parecidos, como Tooltip, Popo
98.css es una biblioteca de CSS diseñada para construir interfaces que reproducen con fidelidad la apariencia del sistema operativo Windows 98. El proyecto se distribuye como un único archivo de estilos sin dependencias de JavaScript, lo que lo hace compatible con cualquier framework de frontend (Re
Foldkit es un framework de frontend escrito en TypeScript que adopta la arquitectura de Elm y se construye sobre Effect, una biblioteca para modelar efectos y errores en programas de TypeScript. Su objetivo principal es ofrecer una arquitectura completa, a diferencia de frameworks como React, Vue, S
La función oklch() de CSS permite describir un color a partir de tres componentes: luminosidad (L), croma (C) y tono (H). Por ejemplo, el azul #007ab8 equivale a oklch(55.48% 0.131 241.70). La verdadera potencia llega con los colores relativos, una característica que, anteponiendo el operador from a
El desarrollador de Letta Desktop descubrió que el origen de un cuello de botella en su aplicación no era un bucle lento ni código sin optimizar, sino un uso inadecuado de la propiedad `scrollHeight` al forzar el desplazamiento automático del área de chat hacia abajo con cada mensaje nuevo. El códig
Almacenar el token JWT en localStorage es la opción más extendida en los tutoriales, pero también la más expuesta: cualquier JavaScript que se ejecute en la página (una dependencia comprometida, un widget de terceros, una extensión del navegador o el propio código del atacante tras un XSS) puede lee
El conjunto de pruebas de Preact, un framework moderno para aplicaciones web, ejecuta 1003 tests contra el DOM real del navegador en aproximadamente un segundo. El artículo analiza por qué la mayoría de los test runners populares en el frontend tardan mucho más y qué decisiones técnicas permiten alc
La API de Anchor Positioning de CSS resuelve uno de los problemas clásicos del diseño web: anclar un elemento flotante —como un tooltip o un menú desplegable— a otro de referencia, gestionando automáticamente los desbordamientos y los cambios de posición. Frente al histórico uso de JavaScript, esta
El repositorio claude-design-system-prompt, publicado por el usuario Trystan-SA en GitHub bajo licencia MIT, contiene el 'prompt' de sistema de Claude Design —la herramienta de diseño de Anthropic— reconstruido por ingeniería inversa, junto con una biblioteca de 14 habilidades procedurales. Su propó
Un tutorial técnico que aborda un problema habitual al trabajar con localStorage en TypeScript: cuando se serializa un objeto con JSON.stringify y se recupera después con JSON.parse, el resultado es un objeto plano sin métodos, aunque el compilador, incapaz de distinguirlo, lo tipa como si fuese la
Avo 4 ya está disponible en versión de disponibilidad general tras unos quince meses de desarrollo y alrededor de 2.000 commits. Se trata de una reescritura importante del framework para paneles de administración en Ruby on Rails, con una interfaz más limpia, tipografía mejorada y un sistema de apar
Frond es una librería para React que reorganiza la arquitectura de las aplicaciones frontend en torno a un grafo de nodos explícitamente tipados, en el que cada nodo declara sus dependencias, cómo se inicializa y cómo se libera. La herramienta parte de la premisa de que toda aplicación React en crec
Este artículo recorre, capa por capa, las dos décadas de historia que separan un index.html subido por FTP en 2008 del ecosistema actual de frontend, dominado por frameworks declarativos, transpiladores y herramientas escritas en Rust. La tesis central es que ninguna de esas herramientas surgió por
Beer CSS es un framework de interfaz de usuario que traduce los principios de Material Design a marcado HTML semántico estándar, sin imponer componentes opacos ni JavaScript propietario. La promesa es clara: construir interfaces con apariencia Material sin que el equipo de desarrollo renuncie al con
MIZ es un framework CSS de frontend creado por el docente Sajjad Arvin y sus estudiantes hace aproximadamente dos años. El proyecto surgió en un curso de programación web en el que Arvin decidió utilizar Sass por su sintaxis sencilla, con el objetivo de que los alumnos aprendieran desarrollando su p
Performative UI es una biblioteca de componentes para React, distribuida bajo licencia MIT y ya disponible de forma general, que satiriza los patrones visuales repetidos en las páginas de producto de las startups de inteligencia artificial. La colección reúne 26 componentes agrupados en nueve catego
El desplazamiento parallax, ese efecto visual en el que los elementos se mueven a distinta velocidad al hacer scroll, lleva años formando parte del diseño web. La receta tradicional exigía JavaScript: un listener del evento scroll, recálculos de posición en cada frame y ajustes manuales del elemento
El elemento HTML <dl>, o lista de descripción, es una herramienta semántica frecuentemente subestimada en el desarrollo web moderno. Su importancia radica en su capacidad para representar de manera estructurada listas de pares nombre-valor, un patrón de interfaz de usuario extremadamente versátil. D
El desarrollador Dusan Malusev ha publicado una crítica contundente sobre la seguridad y utilidad de los tokens JWT en aplicaciones modernas. En su análisis, Malusev argumenta que JWT es un "culto de carga" que promete autenticación sin estado pero no lo entrega realmente, resultando en aplicaciones
Este artículo profundiza en los cinco tipos diferentes de listas HTML que todo desarrollador web debería conocer: ordenadas (<ol>), no ordenadas (<ul>), de descripción (<dl>), menús (<menu>) y de control (<select>/<option> o <input>/<datalist>). A diferencia de los tutoriales básicos, el autor explo
Julia Evans, conocida divulgadora técnica, comparte su experiencia dejando Tailwind después de 8 años usándolo. En 2018 escribió emocionada sobre descubrir Tailwind, ya que no sabía cómo estructurar su CSS y lo veía como una alternativa mucho mejor que el caos. Recientemente dedicó una semana a migr
Railway, una plataforma para construir y ejecutar aplicaciones, ha migrado por completo su frontend de producción de Next.js a Vite + TanStack Router, completando la transición en dos pull requests sin tiempo de inactividad. La decisión se tomó debido a que los tiempos de compilación de Next.js habí
Skyvern, una empresa que automatiza tareas repetitivas en la web, ha desarrollado una innovadora herramienta que utiliza el modelo de lenguaje Claude para automatizar el control de calidad (QA) de su propio código. La solución, integrada en su plataforma, analiza los cambios en el código (git diff),
Un nuevo proyecto llamado µJS (pronunciado 'micro JS') simplifica la navegación AJAX para sitios web, permitiendo a los desarrolladores crear experiencias de usuario más rápidas y fluidas sin la complejidad de frameworks JavaScript. La biblioteca, disponible en un único archivo de aproximadamente 5
El artículo de Sergio Alexander Florez Galeano explora la creciente complejidad en el desarrollo web moderno y presenta Astro y Svelte como una posible solución, abogando por un retorno a la simplicidad original de la web. El problema de la sobredimensión: El desarrollo web ha evolucionado desde sim
Desarrolladores han encontrado una solución para ejecutar interfaces de usuario (frontend) de Tauri dentro de navegadores web, superando una limitación previa. Tauri, un framework para crear aplicaciones de escritorio con tecnologías web, normalmente depende de variables globales específicas de su e
En conmemoración del 1 de febrero, Chris Coyier de CSS-Tricks ha declarado el “Día Internacional de la Conciencia sobre box-sizing”. Esta propiedad CSS, a menudo pasada por alto, simplifica significativamente el desarrollo web al cambiar la forma en que se calculan los anchos de los elementos. Por d
El mensaje "We're sorry but vangemert doesn't work properly without JavaScript enabled. Please enable it to continue." indica un problema fundamental con la forma en que el sitio web `vangemert.dev` está construido y cómo interactúa con los navegadores web. Para entender esto, es crucial comprender
