Grid.css un sistema de cuadrícula mínimo para desarrolladores web

Los marcos frontales más grandes como Bootstrap vienen con su configuraciones de cuadrícula propias. Pero, ellos también vienen con mucho equipaje en forma de elementos de página prediseñados y componentes de JavaScript.

Si estás buscando un sistema de cuadrícula mucho más pequeño y optimizado, entonces te encantará Grid.css.

Esta biblioteca gratuita de código abierto viene empaquetada con el tradicional Sistema de rejilla de 12 col. que puedes estructurar para cualquier diseño. El CSS es realmente fácil de usar y el archivo en sí. solo mide 560 bytes (Eso es la mitad de un KB!)

Comenzar es super fácil y solo necesitas un archivo CSS añadido a su encabezado.

Usted puede encontrar el enlace de descarga directa en la página de inicio de Grid.css o en el repositorio oficial de GitHub. Incluso podrías usar el versión cruda de CDN para incrustar este archivo directamente desde GitHub sin alojarlo usted mismo.

Ahora, puede configurar su estructura de columna usando cualquier elemento que quieras (divs, secciones, etc).

Esto generalmente incluye un .fila elemento (el contenedor) junto con muchos elementos de la columna interna. Las clases de columna usar numeros para definir su espacio total dentro del contenedor, así por ejemplo, .col4 ocupa cuatro columnas del total de doce.

Aquí hay un fragmento de ejemplo de la demo:

Puede utilizar cualquier combinación de clases de columna que desee, siempre que sumar hasta 12.

Esto significa que también puedes reestructurar la pagina como quieras, usando contenedores de diferentes filas. Por ejemplo, podría tener un intervalo grande para su encabezado pero usar dos configuraciones de fila / columna diferentes para el cuerpo de su página.

Naturalmente, esta biblioteca es 100% gratis y fuente abierta, así que eres libre de hacer ediciones como quieras.

El creador, Ahmed Tarek., También hizo Butns. que es una variante de los muchos kits de IU de botones que hay. Eso combina bien con Grid.css, así que ambos son excelentes bibliotecas para recoger al iniciar un nuevo proyecto web.