Mobile First Design With HTML5 And CSS3

Tutorial paso a paso en el que Jason Gonzales enseña la estrategia mobile first: diseñar primero para pantallas pequeñas, con páginas ligeras y rápidas, y luego ampliar la experiencia para tabletas y escritorio con un único sitio adaptable hecho con HTML5 y CSS3. Es de 2013 y está dirigido a desarrolladores y diseñadores principiantes e intermedios, e incluso a responsables de proyecto que quieran entender qué ofrecen estas herramientas. Basta con saber lo básico de HTML y CSS.

El libro parte de un proyecto vacío y explica cada decisión junto al código. Usa el framework responsive 320 and Up y sigue las convenciones web habituales para que las páginas se comporten como el usuario espera. A lo largo de los capítulos se construyen la página de inicio, una galería para mostrar trabajos con páginas de detalle, un formulario de contacto y una página «Sobre mí», con presentaciones de imágenes adaptables y banners llamativos que se mantienen rápidos. Los apéndices presentan HTML5 Boilerplate y los preprocesadores CSS Sass y LESS.

Su punto fuerte es que se aprende construyendo un sitio completo que sirve de plantilla para casi cualquier web. Como se apoya en 320 and Up, quien quiera dominar las media queries escritas a mano o técnicas actuales como Flexbox, CSS Grid o srcset no las encontrará aquí. Es un libro de 2013 y algunas herramientas han caído en desuso, pero el razonamiento mobile first que explica sigue vigente.