Mastering CSS Grid

Guía completa de Pascal Thormeier, publicada por Packt en 2023, dedicada por entero al módulo CSS Grid Layout tal como se usa hoy en los navegadores modernos, subgrid incluido. Está pensada para desarrolladores y diseñadores web que ya manejan HTML y CSS y quieren llevar sus maquetaciones a un nivel avanzado. Aun así, empieza por lo básico, de modo que quien no haya usado Grid también puede seguirlo.

La primera parte cubre las reglas y estructuras básicas: filas, columnas, plantillas de rejilla, áreas, líneas, huecos y propiedades abreviadas, además de cómo depurar rejillas con las herramientas de desarrollo de los navegadores basados en Chromium. Después pasa a maquetaciones avanzadas: áreas complejas, alineación y colocación de elementos dentro de las celdas, diferencias entre subgrid y rejillas anidadas, cómo emular subgrid y diseños tipo masonry. Siguen capítulos sobre rejillas responsivas y fluidas, la combinación de Flexbox y Grid, cuándo conviene y cuándo no usar Grid, cómo escribir polyfills propios en JavaScript para las funciones que todavía faltan, y cómo implementan las rejillas los frameworks CSS más populares. Cierra con una guía de referencia rápida.

Todo el libro gira en torno a un único proyecto que se va ampliando de capítulo en capítulo, así que la teoría se aplica de inmediato a un caso realista. Hay código de apoyo para los nueve capítulos. Es de lo más completo y actual que hay sobre Grid, y el análisis de frameworks y polyfills le da un valor añadido frente a los tutoriales en línea. Eso sí, conviene dominar ya el modelo de cajas y las nociones básicas de Flexbox, y la parte de polyfills requiere algo de soltura con JavaScript.