26 Mar
Posted by Ray Cheung as Framework, GPL License, MIT License
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.
All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with. You can download a Zip file which contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML.
Requirements: -
Demo: http://960.gs/
License: MIT / GPL License




[…] 960 Grid System Streamline Web Development Workflow Related StuffGrid Designer 2Blueprint CSS ResourcesGrid and Column Designs […]
Looks very nice, also highly recommend BluePrint CSS for anyone who hasn’t seen it. Very similar code, URL: http://code.google.com/p/blueprintcss/
This certainly looks useful, but how is it different from the highly-mature Blueprint project (http://code.google.com/p/blueprintcss/)? I think the sketch sheets are a great idea, but the CSS seems very close to Blueprint’s, just with some slightly different names for the same classes.
Another useful link, the author basically goes through to tell you the benefits of using this over Blueprint.
http://sonspring.com/journal/960-grid-system
The general idea is Blueprint enforces more stuff (’s are yellow, etc). Having used blueprint, I’m itching to try this one out in order to get away from the feeling of imposed stylings.
@Justin Lilly: Thanks for the article link, after reading through it I’m excited to give 960 a try.
Reminds me of the grid created in the Swiss Style years. Great implementation of an old concept.
hmmm nice… this looks like an interesting, fresh, alternative ;).
[…] have seen some of the popular CSS Framework like, 960.gs, Blueprint, YAML. Capsize Designs decided to combine the good points of each of them to get […]
[…] los mas conocidos sean 960.gs, Blueprint, YAML y Tripoli, pero hace unas horas he descubierto (le he metido mano) a BlueTrip. […]
RSS feed for comments on this post · TrackBack URI