CSS in Depth

Libro de Manning en el que Keith J. Grant, desarrollador web senior que ha trabajado, entre otros, en el sitio de la Bolsa de Nueva York, profundiza en los conceptos de CSS que más confusión generan y en las técnicas de maquetación modernas de 2018. Está dirigido a desarrolladores web que ya conocen lo básico de HTML y CSS y quieren dejar de «pelearse» con las hojas de estilo para entender de verdad cómo funcionan.

Tiene cuatro partes. «Reviewing the fundamentals» trata la cascada, la especificidad y la herencia, las unidades relativas (em, rem, unidades de viewport) y el modelo de cajas. «Mastering layout» explica floats (chapter «Making sense of floats»), Flexbox, CSS Grid, el posicionamiento y los contextos de apilamiento, y el diseño responsive con media queries. «CSS at scale» aborda la arquitectura modular de CSS y los pattern libraries, o bibliotecas de patrones de componentes. «Advanced topics» cubre fondos, sombras y modos de fusión, contraste, color y espaciado, tipografía con web fonts, transiciones, transformaciones y animaciones con keyframes. Los apéndices incluyen una referencia de selectores y una introducción a preprocesadores como Sass.

Cada concepto se acompaña de ejemplos de código completos que el lector va construyendo, como páginas maquetadas, componentes reutilizables y animaciones, más que de ejercicios formales. Destaca por explicar el porqué de cada comportamiento (márgenes que colapsan, contextos de apilamiento, cálculo de la especificidad) y por sus consejos para mantener un CSS ordenado en equipos grandes. Al ser de 2018, no incluye container queries, cascade layers, subgrid, nesting nativo ni las nuevas funciones de color, que la segunda edición sí trata.