Moving to Responsive Web Design

Libro breve de Apress en el que Inayaili de León, diseñadora web principal en Canonical (la empresa detrás de Ubuntu) y autora habitual de A List Apart y Smashing Magazine, explica cómo convertir un sitio web estático de ancho fijo en uno responsivo sin rehacerlo desde cero. Escrito en 2016, cuando el diseño responsivo con HTML5, CSS3 y media queries ya era lo estándar, está pensado para diseñadores y desarrolladores con poco tiempo y para equipos con recursos limitados que ya saben maquetar con HTML y CSS y tienen que adaptar un sitio existente al mundo multidispositivo.

El libro sigue las etapas de un proyecto de migración real: planificación (cómo plantear el cambio, priorizar y organizar al equipo), desarrollo de contenido (por qué el contenido cobra más importancia en un diseño responsivo y cómo revisarlo y prepararlo), diseño (decidir cómo se adapta la interfaz en cada punto de quiebre o breakpoint) y construcción. En esta última etapa enseña a pasar de cuadrículas fijas en píxeles a cuadrículas fluidas con unidades relativas como porcentajes y ems, a definir los breakpoints con media queries y a resolver el problema de las imágenes responsivas. Termina con un apéndice de recursos para seguir aprendiendo.

No se construye un proyecto paso a paso: es una guía del proceso, con ejemplos, pensada para aplicarla al sitio propio. Su mayor valor está en la parte de planificación y contenido, que muchos manuales técnicos pasan por alto, y en su enfoque realista de mejorar de forma progresiva lo que ya existe. Lo que no cubre son las herramientas que se volvieron comunes después, como CSS Grid, Flexbox de uso generalizado o container queries, así que la parte técnica conviene completarla con documentación actual. Es muy útil para quien tenga que modernizar un sitio heredado.