Responsive Web Design with HTML5 and CSS3, 2nd Edition

Segunda edición, de 2015, del manual de Ben Frain sobre diseño web responsive con HTML5 y CSS3. El propio autor la presenta como un libro casi nuevo respecto a la primera, porque incorpora Flexbox, las imágenes responsive, SVG, @supports y las media queries de nivel 4. Está pensada para diseñadores y desarrolladores que dominan lo básico de HTML y CSS y quieren crear sitios que se adapten de verdad a móviles, tabletas y escritorio.

Los diez capítulos recorren los fundamentos del diseño responsive y las media queries para distintos viewports, los diseños proporcionales y un estudio a fondo de Flexbox junto con las imágenes responsive (srcset, sizes y picture). También tratan el marcado semántico de HTML5 y sus elementos de texto, y los selectores, la tipografía, los modos de color y otras novedades de CSS3. Siguen los efectos estéticos (sombras, degradados, fondos múltiples), los gráficos SVG independientes de la resolución, las transiciones, transformaciones y animaciones, y los formularios con HTML5 y CSS3. Un capítulo final explica cómo abordar un proyecto responsive real, con consejos de flujo de trabajo y rendimiento. Los ejemplos de cada capítulo están disponibles en el sitio de apoyo rwd.education.

En su momento fue una de las referencias más claras del tema y sigue siendo útil para entender Flexbox, las media queries y SVG. Combina explicación y ejemplos prácticos, sin un proyecto guiado de principio a fin. Su principal carencia, por la época, es que no cubre CSS Grid, las propiedades personalizadas en profundidad ni las técnicas modernas de layout. Las ediciones posteriores (2020 en adelante) ya las incluyen, así que hoy es preferible leer una de ellas.