34 noticias
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
