Responsive Web Design with HTML5 and CSS, 3rd Edition

Tercera edición, de 2020, del conocido manual de Ben Frain sobre diseño web responsive, revisada para el HTML y el CSS modernos (el título ya dice «CSS» y no «CSS3»). Explica cómo crear sitios que se adaptan a cualquier pantalla con las técnicas disponibles en los navegadores actuales. Sirve a quien empieza en la maquetación con conocimientos básicos de HTML y CSS, y a quien quiere poner al día prácticas antiguas. Packt ha publicado después una cuarta (2022) y una quinta edición (2025).

El recorrido va de los fundamentos (viewport, marcado HTML semántico y accesible, media queries) a la maquetación fluida con Flexbox, las imágenes responsive y un capítulo nuevo dedicado a CSS Grid que lo compara con Flexbox. Luego trata selectores, tipografía (fuentes variables y estrategias de carga de fuentes), modos de color y otras novedades de CSS. Siguen los efectos visuales (sombras, degradados, filtros), los gráficos vectoriales SVG independientes de la resolución, las transiciones, transformaciones y animaciones CSS, y los formularios HTML5 con su estilo. Cierra con técnicas extra como CSS Scroll Snap y consejos generales. El código de cada capítulo está en el repositorio de GitHub del libro; el sitio de apoyo rwd.education se construyó con Gulp y TypeScript.

Es una referencia completa y bien explicada: cada concepto se acompaña de ejemplos de código que conviene reproducir, aunque no hay un proyecto guiado de principio a fin. No trata frameworks ni herramientas de build en profundidad, porque su objetivo es dominar el CSS nativo. Su vigencia es buena en lo esencial, pero las ediciones posteriores incorporan funciones más recientes como las container queries o :has(). Si se empieza hoy, conviene saberlo o pasar directamente a la última edición.