CSS Secrets

Colección de 47 técnicas de CSS escrita por Lea Verou, conocida por sus charlas en conferencias de desarrollo web y por su trabajo en el W3C. Nació de esas charlas y aprovecha a fondo lo que ofrecía CSS3 en 2015: fondos múltiples, gradientes, transformaciones, filtros, animaciones y selectores avanzados. Está dirigido a desarrolladores de nivel intermedio o avanzado que ya dominan los fundamentos de CSS y quieren resolver problemas de diseño cotidianos con código limpio, sin imágenes extra, marcado de relleno ni JavaScript.

Tras una introducción sobre estándares web y consejos para escribir CSS DRY y mantenible, el libro se organiza en siete bloques. Fondos y bordes: bordes semitransparentes, bordes múltiples, fondos rayados y patrones complejos con gradientes, y border-image. Formas: elipses, paralelogramos, esquinas recortadas, pestañas trapezoidales y gráficos circulares. Efectos visuales: sombras en un solo lado, drop-shadow para formas irregulares, tintes de color, vidrio esmerilado con filtros y esquinas dobladas. Tipografía: guiones automáticos, filas tipo cebra, ligaduras, subrayados personalizados y texto en círculo. Experiencia de usuario: cursores, áreas de clic más grandes, casillas de verificación personalizadas, indicadores de scroll y comparación de imágenes. Estructura y layout: tamaño intrínseco, estilos según el número de hermanos, centrado vertical y footer fijo al fondo de la pantalla. Transiciones y animaciones: rebotes, animación por fotogramas, efecto de escritura y movimiento circular.

Cada técnica sigue el mismo formato: plantea un problema real, analiza soluciones ingenuas y llega a una más elegante, explicando el razonamiento y las especificaciones implicadas. Hay demos en vivo para experimentar con el código. Es más un libro de recetas avanzadas que un curso, así que no construye una aplicación completa. Su gran aporte es enseñar a pensar en CSS: varias de sus soluciones siguen siendo referencia. Conviene saber que algunos trucos (prefijos de proveedor, hacks para navegadores antiguos o el centrado vertical) han quedado superados por Flexbox, Grid y propiedades más recientes como aspect-ratio o accent-color, que el libro no cubre.