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.
- Additional classes added to allow custom source ordering of layouts:
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:
Things to come
- Visual documentation and a guide on best practices.
- Better theme structure to allow easy copy and paste of your starter theme.
- 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)
- Maintenance status: Actively maintained
- Development status: Under active development
- Reported installs: 1,886 sites currently report using this theme. View usage statistics.
- Downloads: 75,899
- Last modified: 20 January 2016
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.