androidtek

22/06/2012 – Este artículo pretende servir de utilidad para diseñadores web y desarrolladores frontend que estén interesados en diseños basados en sistemas de grillas o rejillas.

La idea de los diagramas basados en rejillas como 960 Grid System tienen una base tan sencilla como poderosa y que no es exclusiva del mundo de la web: la proporcionalidad.

Pese a que no hay duda que lo aleatorio o el azar tienen su lugar en la naturaleza y pueden llegar a bonitos, nuestro cerebro se siente cómodo simplificando las cosas de forma que sean más comprensibles, por lo que tiene a encontrarse más confortable dentro de cierto orden. En este sentido una grilla proporciona una estructura visual para la colocación de todos elementos que van a formar parte de nuestro proyecto web que evita que tengamos que hacer el esfuerzo intelectual de interpretar para saber si nos gusta.

960 Grid System es un definido como un framework CSS que nos sirve de ayuda para crear páginas web que utilizan hojas de  estilo en cascada para la maquetación de los contenidos, por lo que se convierte en un interesante recurso para implementar facilmente casi cualquier tipo de diseño web.

Esta utilidad propone un modelo de rejilla, que tiene 960 píxeles de anchura y en el que podemos acoplar cajas dispuestas en 12, 16 o incluso 24 columnas. La razón de usar 960 píxeles de ancho se debe a que el número 960 hace muchas divisiones exactas con números enteros cuando se toma el ancho de las columnas y los márgenes. Además 960 px encaja muy bien en la mayoría de las pantallas.

Si deseas aprender a dominar este framework CSS con el que empezar maquetar una página con CSS paso a paso y de manera sencillafacilitar la maquetación de tu web, te recomendamos leer el Manual de Maquetación CSS con 960 Grid System.

Además puedes seguir obteniendo más información, viendo ejemplos y accediendo a la descarga de 960 Grid Systemdesde 960.gs.