Mastering Responsive Web Design with HTML5 and CSS3

Libro de Ricardo Zea publicado por Packt en 2015, que en el sitio de la editorial se llama simplemente «Mastering Responsive Web Design». Su objetivo es llevar al lector a dominar el diseño web responsivo (RWD) con HTML5 y CSS3 para crear sitios y aplicaciones accesibles y profesionales. Es de nivel avanzado: da por hecho que ya conoces HTML y CSS y que entiendes los fundamentos del diseño responsivo.

El libro tiene ocho capítulos. Empieza discutiendo cuándo conviene trabajar desktop first y cuándo mobile first, y cómo construir HTML mobile first. Sigue con el marcado semántico en HTML5 y los roles de ARIA para mejorar la accesibilidad. Luego introduce Sass como preprocesador para escribir CSS más rápido y sin repetir código. Después compara sistemas de rejilla, frameworks de CSS y Flexbox para crear maquetaciones escalables. Los capítulos siguientes tratan interfaces pequeñas pensadas para pantallas táctiles, imágenes y video responsivos, y la tipografía basada en una escala modular (Modular Scale). Termina con los problemas de compatibilidad entre navegadores y con los correos electrónicos responsivos.

Lo valioso es su enfoque de oficio: no se limita a explicar media queries, sino que muestra un flujo de trabajo profesional con Sass, accesibilidad, rendimiento de imágenes, tipografía y correos HTML, un tema que pocos libros tratan. No se construye un proyecto completo, sino que cada técnica se ilustra con ejemplos. Hay que tener en cuenta que es anterior a la adopción general de CSS Grid Layout y de las container queries, así que el capítulo de rejillas refleja la práctica de 2015 (frameworks de rejilla y Flexbox).