Pro HTML5 And CSS3 Design Patterns

Obra de referencia y recetario de Michael Bowers, Dionysios Synodinos y Victor Sumner sobre cómo dar estilo a páginas web con HTML5 y CSS3, tal como estaban en 2011. Es la versión actualizada del enfoque de Bowers de tratar el CSS como un catálogo de patrones de diseño reutilizables. Está pensada para maquetadores y desarrolladores front-end de nivel intermedio que ya conocen la sintaxis básica de HTML y CSS y quieren entender a fondo por qué el navegador coloca los elementos donde los coloca, y tener soluciones probadas a mano.

Reúne unos 350 patrones listos para usar: fragmentos de HTML5 y CSS3 que se pueden pegar en el propio código y combinar entre sí. Según los autores, todos funcionan en los navegadores principales sin hacks e incluyen la accesibilidad desde el principio. Cada patrón ocupa una doble página, con el ejemplo y su resultado a un lado y la explicación al otro. Los capítulos van de lo fundamental a lo compositivo: patrones de HTML, selectores y herencia en CSS, modelos de caja (extensiones y propiedades), modelos de posicionamiento (sangrado, desplazado, alineado y avanzado), tablas y diseños por columnas de tabla, layouts de página y patrones de presentación como capitulares (dropcaps), citas destacadas y llamadas de atención (callouts) y alertas.

No se construye ninguna aplicación: es un libro de consulta para tener junto al editor, con ejemplos aislados que se aplican directamente. Su gran aporte es el análisis sistemático del modelo de caja y del posicionamiento, que sigue siendo válido. En cambio, es anterior a la adopción general de Flexbox, CSS Grid, las variables CSS y el diseño responsive moderno, así que sus layouts se basan en floats, posicionamiento y tablas. Conviene leerlo para entender los fundamentos y complementarlo con material actual sobre maquetación.