960 Grid System: Frameworks CSS para maquetear una web
Diseñar web maqueteando con css puede parecer muy dificil par amuchos y es por ello que utilizan tablas que son mas faciles para diseñar. Pero internet una vez mas nos puede ayudar a dejar las tablas y poder diseñar con maqueteando con CSS, que e smucho mejor que usar tablas.
Si deseas herramientas para usar CSS te recomiendo visitar CSS Menu Builder : Herramienta online para crear menus de manera muy sencilla y rapida o si deseas parender CSS te serviraTutoriales sobre Flash, Actionscript, Photoshop, Fireworks, Illustrator, Dreamweaver, PHP, XML y CSS
960 Grid System, es un sistema de grillas a 960px, para todos aquellos que desean hacer una maquetacion en sus Web personales o para clientes. Es un patrón de estilos que establece las clases necesarias para crear columnas en un sitio web de diversos tamaños, con la que podremos maquetar los contenidos de la web de manera fácil y ordenada.
El framework nos facilita la taréa de crear la página dandonos todo el código CSS necesario para que vallamos creando las distintas columnas en nuestra web de forma que todas queden perfectamente ordenadas en su lugar y con un margen de 10 px por los lados. Lo que hace que cada columna tenga una separación de 20 px.
Existen dos variantes de grillas divididas en 12 y 16 columnas, que se pueden utilizar por separado o conjuntamente. 960 Grid System nos proveerá varios recursos que podremos descargar, desde un archivo Html con las grillas que vemos en el demo, inclusive grillas para Photoshop en PSD, Grillas para fireworks en Png, omnigraffle, y visio (vs). Más información en un archivo Acrobat y las licencias de utilización. Si deseabas diseñar en base a una grilla, 960 Grid System te brindara todo lo necesario.
Lo interesante de este sistema es que una vez que tenemos memorizadas las clases, podremos ahorrar mucho tiempo en la maquetación, ya que solo tendremos que asignarle a cada contenedor de elementos las clases disponibles en el sistema, para que tenga el ancho y la posición deseada.
En la web oficial podemos descargarnos (http://960.gs/files/960_download.zip) un archivo que contiene las plantillas para determiandos programas utilizados para diseñar (Photoshop, Adobe Ilustrator, etc), sobre las que podremos montar nuestros diseños una vez que tengamos claro si nos favorece mejor utilizar 12 o 16 columnas.
Artículos Similares
- Colección de generadores de rejilla CSS
- Easy CSS Styler: Crear estilos CSS online
- Tutoriales, trucos y tecnica para Photoshop
- Adminer: Administración de MySQL
- FindBrushes: Buscador de pinceles para Photoshop
- PDF to Excel : Convertir de PDF a Excel online
- Taller de videos para Adobe Creative Suite 3
- 30 tutoriales para aprender Fireworks
- Simple PHP Framework : Crear pequeños desarrollos de webs y comercio electrónico.
- Videotutoriales.com : Recursos educativos multimedia gratuitos
