WebAppers

/ best free open source web resources /

Shopify

Fluid 960 Grid System Templates

Posted · Category: Framework, GPL License, MIT License

Stephen Bau has been looking for a means of rapidly developing interactive prototypes for his site designs. He has been building a library of commonly used HTML elements, combining these with CSS for typography and layout.

He finally created Fluid 960 Grid System Templates (960 pixel fixed width, 12-column fluid width and 16-column fluid width) which have been built upon the work of Nathan Smith and his 960 Grid System using effects from the Mootools JavaScript library.

These templates are offered free of charge in accordance with the applicable licenses for 960 Grid System and Mootools.

Fluid 960 Grid System Templates

Requirements: -
Demo: http://designinfluences.com/fluid960gs/
License: GPL, MIT License

21 Comments
  • Pingback: Turulcsirip - Peter Szinek

  • http://www.mediawrox.com Antti Tuppurainen
  • http://www.gsdesign.ro/blog solomongaby

    thanks for the info.
    A very usefull resource.

  • http://www.mployr.com Eugene Gregorio

    Thanks for the info! :)

  • http://OrganizedFellow.com OrganizedFellow

    This will most likely replace my BluePrintCSS use.

    @Antti:
    Thanks for the post about jQuery and 960!

  • Pingback: Webmaster Crap » Blog Archive » Fluid 960 Grid System Templates | Web Resources | WebAppers

  • http://www.twitter.com/jzlosman Jeremy

    I was just about to build a new web app for a client from scratch, but the fluid960 would save me a load of time, thanks.

  • css_fonder

    its not working on ie6.. i know you guys gonna say why not just download firefox2 or 3 or ie7..

    but there are still people / clients who prefer ie6 so its not backward compatible..

  • http://www.xghozt.com/ XGhozt

    This is amazing work, it’s perfect.

  • Pingback: Entradas en las blogosferas.103, Carrero

  • helmut

    Fluid 960 gs is useless with it not working on IE version 6 or 7.

  • http://www.seojobsfinder.com/ SEO – Or Hillel

    It’s problem with 960 pixel fixed width but it’s nice template and can be use for news sites.

  • Phild

    I love this – just can’t get enough grid lock

  • http://vispyanskiy.name virua

    Thanks for the post.

  • Sarfaraj

    Its nice, thanx for posting.
    Sarfaraj

  • Kyle

    Any idea on how to fix the IE6 issue? Primarily, the fact that the drop down menus don’t work in IE6.

  • http://www.moinid.com Most Interesting Ideas

    Useful article. Thanks for sharing

  • http://battisti.etc.br battisti

    Very nice!

    Someone know variations of colors of this template?

  • Dominic

    I think the fluid 960 Grid System is awesome, especially how it fills the browser no matter what the width of your monitor. However, does anyone know how to stop the fluid grid from being shrunk beyond a certain wide so the pages don’t become too distorted or squashed?

  • theo

    Dominic, try this:

    .container_12, .container_16
    {
    min-width: 960px
    }

  • http://digcms.com John

    960 grid system is getting old now. I got the very nice tutorial about development wordpress theme with 978 grid system. Check following URL
    http://wordpressapi.com/2011/04/17/how-to-develop-wordpress-theme-with-978-grid-system/

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons