Hace ya un par de años escribimos un tutorial de Google Analytics en base a una colección de unos 20 artículos que hacían un recorrido más o menos completo por la herramienta. Pero Analytics es una herramienta que evoluciona cada poco tiempo, y conviene actualizarse. Por ello lanzamos ahora una actualización, o más bien una reelaboración completa del tutorial.
Uno de los elementos de un diseño web que más quebraderos de cabeza puede dar al plantear una maquetación responsive son las tablas. En este artículo veremos cómo generar tablas responsive que “mutan” automáticamente en función de la resolución para ofrecer una perfecta usabilidad en todo momento.
No siempre el modelo de rejilla de 12 columnas de Bootstrap nos resulta adecuado. En ocasiones, podemos necesitar modelos de rejilla con otra subdivisión. Por ejemplo, para crear un layout de 5 columnas. Usaremos este caso como ejemplo de desarrollo y como excusa para introducir el uso de las Media Queries, que nos permitirán adaptar el sistema Bootstrap resonsive base a nuestras necesidades..
La rejilla o grid es la base sobre la que construiremos el layout de nuestra página, es decir, la disposición de elementos. Es el componente esencial para asegurar que nuestra web se adaptará convenientemente a diferentes resoluciones y pantallas. Bootstrap utiliza un modelo de rejilla basado en dos tipos de contenedores y una rejilla de 12 columnas que resulta muy flexible, y que como veremos podemos también alterar cuando nos resulte conveniente.
A nadie creo que le quede duda de que actualmente es casi obligatorio desarrollar sitios web que estén totalmente adaptados a su utilización desde múltiples dispositivos (tabletas, móviles, portátiles, PCs…). Este post es el arranque de una colección de ellos en los que haremos un recorrido sobre BOOTSTRAP que pretender ser a la vez sistemático y práctico .