NineSixty (960 Grid System)

This theme is based on the 960 Grid System by Nathan Smith. Details on its background can be found in a journal entry.

NineSixty is a base theme with all the files provided by the 960 Grid System. From the sketch sheets to all the styles from the framework are included. There are a few modifications so it better fits into Drupal. All the details are inside the README.txt file.

Any modifications should be done from sub-themes. All that's needed is a "base theme" entry within your sub-theme's .info file pointing to "ninesixty". For example, base theme = ninesixty.

It is not simply a grid based layout system. It helps workflow by allowing better communication between developers, information architects, visual designers or anyone involved. The sketch sheet can be used for the rough initial designs by the visual designer. Meanwhile the OmniGraffle and Visio templates can be used by the IA. From there the Photoshop and Fireworks templates are provided to refine the sites graphics and layout. From start to finish with all sides involved, this helps everyone share a common visual language.

Even if you are the only one developing a site. The simple layout system is very easy to implement freeing you to other more important tasks.

#1013674: Update status…

Documentation

• 7.x-1.0 release
• 7.x-1.x dev branch
• 6.x-1.0 release
• 6.x-1.x dev branch

Improvements

• Additional classes added to allow custom source ordering of layouts: push-X and pull-X. Useful for content-first layouts. (Now ported to 960.gs proper.)
• 960-rtl.css added to reflow the page layout for right to left languages.
• Helper function provided for dynamic grid classes: ns().

Things to come

• Visual documentation and a guide on best practices.
• Better theme structure to allow easy copy and paste of your starter theme.

Further Information

• 960.gs introduction (DivitoDesign)
• Prototyping with 960.gs (Nettus)
• A detailed look at 960.gs (video) (Nettus)
• General idea behind a CSS framework for designers (A List Apart)
• Extensive overview on working in a grid based structure (Smashing Magazine)