Qué enseña este libro de Bootstrap 3

Cincuenta y ocho páginas de Antonio Javier Gallego sobre el marco de trabajo de estilos que popularizó el diseño adaptativo. El texto empieza por la idea que hay detrás —una página que se reorganiza según el tamaño de la pantalla— y después explica la herramienta con la que se consigue: la rejilla de columnas y las reglas que cambian el diseño por tramos.

Está escrito sobre la versión 3, anterior a las actuales, así que los nombres de algunas clases y la manera de configurar el proyecto han cambiado. Los conceptos, en cambio, siguen siendo idénticos: columnas, puntos de ruptura, componentes reutilizables y prioridad de lo móvil frente a lo de escritorio.

El temario del libro

Introducción al diseño adaptable: qué problema resuelve, por qué no basta con reducir una página de escritorio y qué implica pensar primero en móvil.
Marcos de trabajo adaptativos y su importancia: qué aportan frente a escribir todos los estilos a mano y cuándo conviene usarlos.
Funcionamiento del diseño adaptable: cómo detecta el navegador el tamaño de la pantalla y qué se puede cambiar en cada tramo.
Pruebas de diseño adaptable: cómo comprobar el resultado en distintos tamaños y qué herramientas del navegador ayudan a hacerlo.
El sistema de rejilla: filas y columnas, anchos por tramos y cómo repartir el espacio sin romper la página.
Forzar el cambio de fila: cómo se separa el contenido en bloques y qué ocurre cuando los elementos no caben.
Consultas de medios: escribir reglas propias que se activen según el ancho disponible y combinarlas con el marco de trabajo.
Componentes adaptativos: barras de navegación, menús plegables, tarjetas y formularios que se comportan bien en cualquier pantalla.

A quién le sirve

Es material para quien ya maqueta con hojas de estilo y quiere dejar de escribir cada regla a mano, y también para quien mantiene plantillas ya construidas con esta herramienta y necesita entender qué hace cada clase. Sirve igual a diseñadores que trabajan sobre prototipos y necesitan conocer los límites reales del diseño adaptable.

No es un curso de estilos desde cero: se da por sabido cómo se aplican colores, tamaños y espaciados. Tampoco es un manual de las versiones más recientes del marco de trabajo, que han cambiado la configuración y algunas utilidades.

Preguntas frecuentes

¿Sigue teniendo sentido aprender esta versión?

Para entender el sistema de rejilla y el diseño adaptativo, sí: la lógica es la misma en las versiones actuales. Para empezar un proyecto nuevo conviene consultar la documentación vigente.

¿Dónde se coloca la regla que cambia el diseño?

En la hoja de estilos, dentro del tramo de tamaño correspondiente. El libro explica cómo se combinan el tramo del marco de trabajo con las reglas propias sin que se pisen entre sí.

¿Puedo usarlo con mis propios estilos?

Sí, y es lo habitual: la herramienta aporta la estructura y los componentes base, y encima se añaden los estilos propios de la marca o del proyecto.

El error más común al empezar

Diseñar primero para el ordenador y después «arreglar» el móvil. Casi todos los problemas de las páginas adaptativas vienen de ese orden: si la estructura se piensa para una pantalla grande, adaptarla luego obliga a rehacer la mitad del marcado. El libro insiste, con razón, en empezar por la pantalla pequeña y añadir complejidad a medida que hay espacio disponible.

Decide antes de descargar

PDF de 58 páginas en español, nivel intermedio, descarga gratuita sin registro. Descárgalo si quieres entender de verdad cómo funciona una rejilla adaptativa y aplicar componentes sin diseñarlos desde cero; déjalo pasar si estás empezando con el diseño web o si necesitas material de la versión actual del marco de trabajo.

Libro Bootstrap 3 PDF: diseño adaptativo y rejilla