Un repaso por alguno de los conceptos detras de uno de los Framework CSS más importantes que existen para facilitar la maquetación de páginas web con CSS

Publicado: 6 de agosto de 2012 en Inicio

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/de_interes/960-grid-system-disenos-sistemas-grillas-7123.html

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.

comentarios
  1. Green Poop Every so often, that ill-fated green poop will magically appear inside the baby’s diaper. These are important components of sclera, cornea, vitreous humour, and cartilage.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s