Sistema CSS de grillas de 12 columnas flexibles

One% CSS Grid es un interesante sistema de grillas de 12 columnas flexibles o fluidas, como más gusten llamarlas, para aplicar a nuestros diseños, logrando en gran medida obtener un resultado que se ajusta perfectamente a la mayoría de los navegadores y dispositivos posibles.

Inicialmente One% CSS Grid comienza con dos opciones, una de ellas es 1280px a pantalla completa y la otra es idéntica pero ajustando su tamaño a 1024px.

sistema grid 12 columnas css

El soporte para distintos navegadores es muy bueno, inicialmente funciona en cualquier navegador que soporte CSS2, no obstante los mejores resultados los obtendremos de los navegadores que interpreten correctamente CSS3, esto se debe a un uso muy importante de los famosos CSS3 Media Queries.

Actualmente el proyecto se encuentra totalmente testeado en Chrome, Opera, Safari, Internet Explorer 9+ (funciona en ie7 e ie8 aunque parcialmente por no soportar las CSS3 Media Queries), y en otras plataformas como por ejemplo Mac, Android, iPad, iPhone, e inclusive la Kindle.

Un detalle para los diseñadores que trabajan con Photoshop, en el sitio oficial de este magnifico proyecto pueden descargar la plantilla de este sistema de grillas en formato PSD, como así también el action file listo para ser utilizado.

Web: One% CSS Grid

Categorizado en: