Bootstrap Site Blueprints

Guía práctica de David Cochran, profesor de diseño interactivo en la Oklahoma Wesleyan University, e Ian Whitley, desarrollador principal en BitBrilliant. Enseña a sacar partido de Bootstrap 3 construyendo sitios completos a partir de encargos ficticios pero muy habituales. Está pensada para desarrolladores web principiantes e intermedios que conocen HTML y CSS y tienen algo de experiencia con plugins de JavaScript. No hace falta haber usado Bootstrap antes.

El primer capítulo monta un proyecto base a partir de los archivos de Bootstrap y de la plantilla HTML5 Boilerplate (H5BP). A partir de ahí, la personalización se hace sobre el código fuente LESS del framework: variables, mixins e imports propios para no depender del aspecto por defecto. A lo largo de los proyectos se trabajan la barra de navegación responsiva, el carrusel, las columnas y los pies de página, los iconos con Font Awesome, los plugins JavaScript de Bootstrap como ScrollSpy y librerías externas como Masonry para rejillas de tipo mosaico. Los apéndices tratan la optimización de recursos del sitio, las imágenes responsivas y cómo añadir gestos de deslizamiento al carrusel con TouchSwipe.

Los proyectos son un portafolio, un tema de WordPress con campos personalizados, un sitio corporativo, la interfaz de una tienda en línea y una web de marketing de una sola página. Es un libro muy útil para aprender a construir sitios con un aspecto propio y no el típico «diseño Bootstrap», y la integración con WordPress le da un enfoque práctico. Su limitación es la versión: todo está basado en Bootstrap 3 y LESS, mientras que las versiones actuales usan Sass, utilidades nuevas y ya no dependen de jQuery. Además, la tienda es solo la parte visual, sin carrito ni pagos funcionales. Packt publicó más tarde una edición para Bootstrap 4.