"The grid system generator will create custom grid systems in valid css / xhtml for rapid prototyping, development and production environments."

Grid System Generator

Less Framework 3

Less Framework is a cross-device CSS grid system based on using inline media queries.

The idea is to first create a default layout normally, and then additional layouts using inline media queries. Any browsers incompatible with media queries will simply ignore all the additional layouts, and will only use the default one. The additional layouts will inherit any styles given to the default layout, so coding them is a breeze.

All four of the layouts included in Less Framework share a common column-width and gutter-width, which makes it easy to design them consistently. Also included are two sets of typography presets, composed around a baseline grid of 24 px.

Read full article


52Framework – first ever html5 and css3 framework.

The framework from the future, HTML5 and CSS3 framework that supports all browsers used today! Start using this exciting technology now! Brought to you by the enavu network

Read full article

520 Grid System – HTML/CSS Framework For Facebook Page Developers

Nowdays there are milions of Facebook Pages almost about everyting. Facebook Page creators try to impress first-time-visitors but also fans with atractive and useful content in custom made FBML tabs. 520 Grid System is HTML/CSS Framework made for Facebook Page Developers and Narrow Website Templates Lover.

Read full article

27 Of The Best CSS And HTML Frameworks Available To Download

Great collection of CSS and HTML Frameworks!

Read full article

A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

Read full article

Updated 960.gs generator

Today I’ve updated the 960.gs generator to add a few final updates to the generated code.
The generated code is now exactly as the original 960.gs grid system again.

Goodbye hostmonster, Hello Dreamhost!

Finally, a post after a long time. I’ve had some issues with my previous hosting provider “Hostmonster” and the site was down for quite a while or suffered from performance issues.

Because the gridsystemgenerator generates many files and stores it onto the harddisk, Hostmonster decided to suspend my account. They only allow you to have a few files on your hosting space. They adviced me to change my code so it would virtually stream the files each time a grid is generated (not such a great idea if you think about the volume of grids that get generated every day).

Because of the suspension some of my other sites where offline as well so I decided to give up on Hostmonster and move to Dreamhost.
SO FAR SO GOOD!, there are MANY pro’s at dreamhost and their customer service has been FANTASTIC!

If you are looking for hosting, stay far away from Hostmonster, but go with Dreamhost!

CSS Framework Battle Royale

CSS frameworks really speed up the web design and development process. We have designed sites with both the 960 grid system and blueprint before. There are a lot of differences between the five main css frameworks, which are discussed on this blog post.

Read full article

Todd Nienkerk on Getting Started with the 960 Grid System

Todd Nienkerk of Four Kitchens explains the concept of CSS grid systems and gives some tips on how to get started with working with the 960 grid system. He talks a bit about the 960 Grid System Drupal theme as developed by dvessel, who was actually able to get some of his content-first innovations ported back into the 960 framework. He also briefly mentions the 960 Gridder module that sets up a javascript overlay to verify that your design is properly lining up. He talks about the general trends of CSS grids and some specific resources that help with getting started on creating a grid-based design.

Read full article

250+ Resources to Help You Become a CSS Expert

CSS is the second-most-important thing you can master when it comes to web design, right after HTML.

And the capabilities of CSS can be staggering (especially with the new CSS3 standard already making appearances in some browsers).

If you can imagine it, it’s likely someone has already figured out how to do it with CSS.

Read full article

Submit a resource

Alexa stats

Review www.gridsystemgenerator.com on alexa.com

Visitors from everywhere