Frontend
El selector :has() de CSS: una guía práctica
Cómo :has() le da por fin a CSS un selector de padre, con sus patrones, trampas y costes de rendimiento.
·5 min de lectura
Etiquetas
Frontend
33 artículos · Página 1 de 3
Frontend
CSS Anchor Positioning: el fin de Popper.js
CSS anchor positioning permite posicionar tooltips, popovers y menús relativos a cualquier elemento sin librerías de posicionamiento en JavaScript.
·5 min de lectura
Frontend
Máquinas de estados finitos para lógica compleja de UI en TypeScript
Reemplaza el espagueti de banderas booleanas con máquinas de estados finitos: estados de UI en TypeScript donde lo imposible es imposible por construcción.
·5 min de lectura
Frontend
Construyendo un sistema de diseño: de los tokens a los componentes
Tokens de diseño, APIs de componentes y los patrones que convierten un sistema de diseño en un multiplicador de fuerza y no en una carga de mantenimiento.
·4 min de lectura
Frontend
Gestión de estado en 2026: qué usar y cuándo
Guía práctica para elegir la gestión de estado adecuada en React moderno — de useState a Zustand y React Query — y el razonamiento tras cada opción.
·3 min de lectura
Seguridad
Protección de claves de API y secretos en aplicaciones frontend
Protege claves de API en el frontend con proxies de backend, custodia de tokens, higiene de variables de entorno e inyección en tiempo de ejecución.
·4 min de lectura
Frontend
Arquitectura CSS a gran escala: del caos a la confianza
Cómo estructurar el CSS en aplicaciones grandes: tokens de diseño, patrones de componentes, utilidades y los principios que evitan la entropía.
·4 min de lectura
Frontend
WebAssembly: casos de uso prácticos más allá del hype
Un análisis realista de dónde WebAssembly aporta valor: procesamiento de imágenes, criptografía, transformación de datos, y cuándo gana JavaScript.
·4 min de lectura
Frontend
Animaciones CSS basadas en scroll sin JavaScript
Guía práctica para crear animaciones de scroll de alto rendimiento con timelines nativos de CSS, view transitions y la propiedad animation-timeline.
·5 min de lectura
Frontend
Container Queries: componentes que se adaptan a su contenedor
Crea componentes responsivos con container queries que se adaptan a su contenedor y no al viewport: el mismo layout sirve en barras laterales y modales.
·5 min de lectura
Frontend
WebAssembly para desarrolladores de JavaScript: casos de uso prácticos
Casos de uso prácticos de WebAssembly para desarrolladores JavaScript: imágenes, compresión, criptografía, y cuándo JavaScript ya es bastante rápido.
·6 min de lectura
Frontend
Animaciones CSS controladas por scroll: más allá de JavaScript
Crea animaciones ligadas al scroll con la API de CSS: timelines de progreso y de vista, parallax y encabezados sticky, fuera del hilo principal.
·4 min de lectura