Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

good tutorials for the 960 grid layout? [closed]

Tags:

css

960.gs

I want to use the 960 grid system to generate the layout for my website. I downloaded a 24 columns fluid version from the custom generator from their site.

Now I want to know every little thing I can do with it. I looked at the css file and found some class names like .suffix_x .prefix_x .push_x .pull_x .clear .clear_fix etc

Where can I find a tutorial explaining all these? How to make leftbar, main div and so on.

Weird that it doesn't teach you how to actually use the grid system on their webpage. And I couldn't find a GOOD tutorial explaining everything on google.

It would be great if someone could recommend such tutorials.

If some of you have used 960 fluid grid system it would be great with links to good tutorials too.

like image 218
ajsie Avatar asked Jan 19 '10 06:01

ajsie


2 Answers

At the very bottom of their site they have a few links to tutorials.

I think you will find this Nettuts+ one of value in playing with 960.

like image 91
Doug Neiner Avatar answered Oct 17 '22 18:10

Doug Neiner


Take a look at:

http://www.myinkblog.com/2009/02/24/design-a-fresh-blog-theme-on-the-960-grid/

That gives a good overview of using the 960 grid system and applying it step by step.

like image 32
Jon Avatar answered Oct 17 '22 17:10

Jon