The Responsive Web

Introducción práctica y concisa al diseño web responsive, escrita por Matthew Carver, desarrollador frontend y diseñador web que ha trabajado para clientes como American Airlines, Home Depot y Google. Publicada por Manning en 2014, trabaja con HTML5 y CSS3. Está dirigida a diseñadores y desarrolladores que ya crean interfaces web y quieren adaptar sus conocimientos para que un sitio funcione bien en móviles, tabletas y escritorio. Hace falta manejar HTML y CSS con soltura.

Tiene nueve capítulos en tres partes. La primera presenta un flujo de trabajo responsive con media queries y puntos de quiebre, y crea un prototipo rápido con la cuadrícula de 12 columnas de Foundation (Zurb). También trata el diseño mobile-first, el diseño para pantallas táctiles y las fuentes web (Typekit, Google Fonts o fuentes alojadas en el propio servidor). La segunda parte trata las guías de estilo y los style tiles, los patrones de navegación principal (menú desplegable y menú tipo select), los layouts fluidos con porcentajes y sistemas de cuadrícula, y cómo adaptar el contenido a cada tamaño de pantalla. La tercera pasa al código: imágenes y vídeo de fondo responsive, fuentes de iconos y SVG, mejora progresiva frente a degradación elegante con Modernizr, y pruebas con simuladores (el simulador de iOS de Xcode, Parallels) y con las herramientas de desarrollo del navegador. Además menciona el preprocesado de CSS y la tipografía fluida.

El libro construye un mismo sitio de principio a fin, con listados de código comentados y recuadros con consejos para diseñadores y para desarrolladores. Se valora mucho su organización y su equilibrio entre diseño y código. Su principal limitación es la edad: se basa en Foundation 3 (ya superada cuando salió), es anterior a Flexbox y CSS Grid tal como se usan hoy y no trata imágenes responsive con srcset ni container queries. Sigue siendo útil para entender el enfoque mobile-first y el trabajo conjunto entre diseño y desarrollo, pero las técnicas concretas conviene contrastarlas con prácticas actuales.