If you are not using a CSS framework in your current workflow, you should seriously consider it. To work with a framework, you will of course need to learn how to use it, but once you learned the advantages are quite huge.
Not only working with a framework will let you build websites faster, but it will also encourage you pay more attention to things some web designers overlook, like using a grid, including a print stylesheet, or making your site responsive, among other things.
Now let’s take a look at the best and most popular CSS frameworks.
According to the site blurb ‘The Responsive Grid System isn’t a framework. It’s not a boilerplate either. It’s a quick, easy & flexible way to create a responsive web site.’ Whatever, it provides all the components needed to create a responsive site, try it.
2. BOOTSTRAP →
Bootstrap is a popular, modern front-end/UI development framework. It’s feature-packed and will have most of the things you’ll need for developing responsive sites and apps.
Bootstrap is well-documented, and this open source project has plenty of coverage in blogs and tutorial sites.
3. FOUNDATION →
Foundation is another popular responsive front-end framework. With this modern HTML5 framework, you can approach web design either mobile first, or from big displays down to mobile sizes.
It has rapid-prototyping capabilities, a responsive grid system and much more.
Foundation is by ZURB, a company of product designers focused on providing web-based solutions...
4. BASE →
A super simple responsive framework built to work on mobile devices, tablets, netbooks and desktop computers...
5. GUMBY →
Version 2 of this framework is far more sophisticated than its predecessor. If you like the 960 grid system give this a try.
These are my top picks. I’d like to know yours. Please write a review about your favorite open source HTML5 front-end web development framework or boilerplate and please also discuss your personal experience with it in the comments below.