I’ve been looking for a CSS framework like 960.gs for the past few months and have noticed a growing amount showing up as of late. This post will not be reviewing all the frameworks/boilerplates, but to give you an idea of some of the originals:
These frameworks basically provide a basic set of tools for front end developers to focus on building and not recreating the same scaffolding code for each project. Also, they address common browser differences and are optimized for particular viewing experiences. One thing these frameworks have in common is that they create a “grid”. The entire site is defined by standardized column widths that make it easier to place content without creating messy divs and floats. They are great for code quality but you do need to make sure the design adheres to the grid. This is often a big issue for most developers/designers who don’t necessarily have control over this.
The official site does a great job of providing a summary of how it works, but here’s my own coles notes version:
- grid based design on 960px
- mobile friendly
- usage of css3/html5
- clean form elements
- jQuery ui tools (fairly basic now)
If you’re looking for a CSS framework, I highly recommend giving skeleton a try.