Responsive Web Design by Example

Guía para principiantes de la serie «Beginner's Guide» de Packt, escrita por Thoriq Firdaus, diseñador gráfico y web indonesio. Enseña a crear sitios responsive con frameworks CSS en lugar de partir de cero. Esta primera edición de 2013 trabaja con los frameworks de entonces: Skeleton, Bootstrap (generación 2.x/3) y Zurb Foundation. Está pensada para quienes se inician en el diseño adaptable y para desarrolladores web que ya conocen HTML y CSS y quieren hacer sitios profesionales que funcionen en cualquier dispositivo.

Empieza por los fundamentos del diseño responsive: viewport, rejillas fluidas, media queries e imágenes flexibles. Luego dedica cada bloque a un framework distinto y explica cómo instalarlo, configurarlo y personalizarlo para que el resultado no parezca una plantilla genérica. Por el camino ayuda a comparar los tres frameworks y a elegir el que mejor se ajusta a cada proyecto según su peso, sus componentes y su flexibilidad.

Es un libro práctico, con instrucciones paso a paso al estilo «manos a la obra» de la serie, en el que cada framework se aprende construyendo un sitio concreto. Sirve para perderle el miedo a los frameworks y entender cómo se organiza una maqueta adaptable. Ten en cuenta que las versiones usadas están muy desfasadas: Skeleton apenas se mantiene, Bootstrap va por la versión 5 y Foundation ha perdido protagonismo, y hoy la maquetación se resuelve con Flexbox y CSS Grid. La segunda edición de 2014 reemplazó Skeleton por Responsive Grid System. Úsalo como introducción conceptual más que como referencia técnica actual.