Making and breaking the grid with “960 grid system”

5 Comments 27th JUN 2008 | Posted by Tomislav Bilic in Tools

Making and breaking the grid with “960 grid system”

There are millions of distinct designs on the web horizon. They all have more or less the styles on their own, like: 3D, cartoon, clean, dark, futuristic, geometric, grunge, minimalistic, retro, corporate, urban, vector, and many more. If we put out design diversity, most of them share the similar structure. They have header, menu, content area, sidebar or sidebars, footer, some secondary space and many more.

If you are one of those who developed HTML/CSS for every web from scratch, try to consider 960 Grid System and their demo page.

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.

Well, I just see it will work for me perfectly and will save me much time in the future.

If you like what you read, please share it.

  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Yahoo! Bookmarks
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
  • LinkedIn
  • Netvibes
  • NewsVine
  • Sphinn
  • Tumblr
  • Posterous

To post code in comments, place your code inside [code] and [/code] tags.

There are 5 comments (Add Yours +)

  • Hey Tomislav,

    I’m a big fan of blueprint css, and I’ve used in a couple of personal projects with great success. The blueprint css grid generator is pretty handy.

    At this time I’m testing emastic for fluid layouts. Seems to be nice also.

    I thought 960gs too limited for my needs.

    Cheers
    Marcus

  • Tomislav Bilic Says

    I will take a look at Blueprint also. This is the URL? http://www.blueprintcss.org/

    Renato suggested me 960GS, and we used it with TeraFlex site. It helped a great deal there.

    See you around.

  • A generator for the 960 grid system. It works the same was as blueprint’s tool.

    http://tool.hypercas.com/960gen/

    (v0.001 atm, rough, and done in a really short time)

  • I personally use the grid system generator. It generates many different grid systems including the 960.gs and provides a full package download – very easy.

    http://www.gridsystemgenerator.com/

  • Stumbled upon this post after searching for a grid system generator to compare mine against, and I’m glad I did. The 960gs is by far in my opinion the absolute best possible grid solution available. I was a die hard yahoo grids advocate but 960 is much better at the core level.

    Jared

Leave a Comment

Please wrap all source codes with [code][/code] tags.
Magento Design and Development | Magento SEO | iPhone Application Development Web Application Development with ZEND | WordPress Ecommerce | WordPress development
Sitemap

Inchoo - webappsolutions | 2009