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
CSS
16 artículos · Página 1 de 2
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
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
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
Maquetación CSS moderna: container queries y subgrid
Guía práctica de diseños responsivos con container queries y subgrid: respuesta por componente, herencia de alineación, cuadrículas y paneles.
·5 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
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
Frontend
Patrones avanzados de CSS Grid para layouts complejos
CSS Grid avanzado en producción: subgrid, áreas con nombre, reordenamiento responsive, colocación automática, minmax y componentes conscientes del grid.
·5 min de lectura
Frontend
Módulos de UI portables con container queries de CSS
Cómo las container queries permiten crear componentes que se adaptan al tamaño de su padre y no al viewport: módulos de UI portables a cualquier layout.
·5 min de lectura
Frontend
Patrones modernos de diseño CSS que todo desarrollador debería conocer
Patrones prácticos de maquetación con Grid, Flexbox, container queries y propiedades lógicas que resuelven el diseño responsivo sin JavaScript.
·4 min de lectura
Frontend
Rendimiento de animaciones web: técnicas GPU para 60 fps
Domina las animaciones con CSS y JavaScript aceleradas por GPU que mantienen 60 fps constantes sin layout thrashing ni saltos de fotogramas.
·5 min de lectura