El diseño web responsive o adaptativo se ha convertido en una tendencia en el último par de años. Sin embargo, debido a la utilidad de esta práctica parece que no será una moda pasajera. Y este hecho tiene que ver también con el número cada vez mayor de usuarios que acceden desde dispositivos móviles.
En general, trabajar con cuadrículas es necesario en el diseño web. Pero con el incremento de usuario móviles, así como el uso del diseño web adaptativo, se nota el verdadero beneficio que se puede sacar del sistema de cuadrículas.
En este artículo te mencionamos una serie de framework CSS que tienen un sistema de cuadrículas, pensado especialmente para que puedas crear sitios web adaptativos:
Skeleton
Esta framework CSS con una cuadrícula que se ajusta al tamaño de diferentes resoluciones de manera limpia. Viene en un ligero paquete con sólo los archivos necesarios y básicos.
320 and Up
Esta framework CSS se ha diseñado para la técnica Mobile First. Tiene elementos básicos para interfaces de usuario.
Base
Al igual que Skeleton, esta framework CSS nos ofrece un juego de características básicas.
Gumby Framework
Basada en la conocida framework 960, Gumby Framework ofrece opciones para personalizar el paquete de acuerdo al tipo de cuadrícula que requieras.
Wirefy
Esta framework CSS fue creada con la intención de desarrollar wireframes interactivas. Sin embargo, también se puede emplear para otro tipo de proyectos.
Amazium
Esta completa framework CSS es similar a Bootstrap y ofrece opciones para modificar elementos de interfaz de usuario, así como un poderoso sistema de cuadrículas.
Twitter Bootstrap
Es una de las framework CSS más populares y una de las más usadas. Ha sido creado por los desarrolladores de Twitter y ofrece todas las herramientas para crear aplicaciones web. Además, puedes elegir sólo las características que necesitemos dependiendo del proyecto que estés desarrollando.
Tiene una gran comunidad así que hayar información, tutoriales y referencias no será difícil.
Golden Grid System
Esta framework CSS ofrece un máximo de 16 columnas que funciona en cualquier resolución, no importa que tan alta sea. Luego, esas 16 columnas se convierten en 8 para tabletas y en 4 para teléfonos móviles.
Proportional Grids
Esta framework CSS ofrece una manera simple de crear cuadrículas con un medianil fijo.
Responsive Grid System
Esta es otra framework CSS sencilla donde puedes crear columnas de manera rápida y fácil.