Jump Start Responsive Web Design

Introducción rápida de SitePoint, de la colección Jump Start, en la que Craig Sharkie (desarrollador, conferenciante y organizador de JSConf) y Andrew Fisher (CTO de la agencia de datos JBA, en Melbourne) enseñan a crear sitios que se adaptan a escritorio, tabletas y móviles. Está escrita en la época de HTML5 y CSS3, antes de que Flexbox y CSS Grid fueran de uso general. Se presenta como un libro que puede leerse en un fin de semana y está dirigido a diseñadores y desarrolladores web con conocimientos básicos de HTML y CSS que todavía no han trabajado con diseño adaptable.

El contenido recorre los pilares del diseño adaptable: rejillas fluidas basadas en unidades relativas, imágenes adaptables, media queries para ajustar el diseño a cada tamaño de pantalla y estrategias de contenido adaptable. Todo se enmarca en el enfoque mobile first. Según los lectores, también trata las pantallas Retina y repasa frameworks y plantillas de la época como HTML5 Boilerplate, Bootstrap y jQuery como apoyo. Los ejemplos de código se acompañan de archivos descargables.

Es una lectura de iniciación útil para entender los conceptos y el porqué del diseño adaptable, con ejemplos de código que se van aplicando. Las reseñas señalan que el nivel es desigual y que algunos ejemplos impresos cuesten de seguir sin el código de apoyo. Hoy hay que leerlo con perspectiva: no cubre Flexbox, CSS Grid, el elemento picture ni srcset tal como se usan actualmente, ni las container queries. Sirve como base conceptual, pero conviene completarlo con material moderno de CSS.