Responsive Web Design with jQuery

Tutorial de 2013 de Gilberto Crespo (algunas fichas lo acreditan como Gilberto Carlos), dentro de la colección Community Experience Distilled de Packt. Muestra cómo usar jQuery y su ecosistema de plugins para acelerar el desarrollo de sitios responsive e independientes del dispositivo. Está dirigido a diseñadores y maquetadores web con base en HTML, CSS y JavaScript y algo de criterio de diseño gráfico. Haber usado antes jQuery o HTML5 ayuda, pero no es imprescindible.

Parte de la filosofía mobile first y la lleva a la práctica: diseño de maquetas sobre sistemas de rejilla, uso de la unidad rem de CSS3 y media queries. Después aborda los problemas típicos de un sitio adaptable y los resuelve con jQuery y plugins: menús de navegación que se transforman según el tamaño de pantalla, texto y tipografía que se ajustan, imágenes adecuadas para cada dispositivo, tablas que siguen siendo legibles en pantallas pequeñas y formularios adaptables. También trata galerías, contenido multimedia incrustado y un carrusel de contenido destacado que se controla con gestos táctiles.

El hilo conductor es un sitio web completo que se va armando a lo largo del libro, lo que ayuda a ver cómo encajan todas las piezas. Su valor actual es sobre todo histórico: muestra cómo se resolvía el diseño adaptable cuando CSS no ofrecía Flexbox, Grid ni imágenes responsive nativas (srcset y picture), y muchos de los plugins que usa ya no se mantienen. Sirve para entender el enfoque progresivo y mobile first, o para mantener proyectos heredados con jQuery. Para un proyecto nuevo, conviene complementarlo con material moderno de CSS.