SPONSORS

Useful HTML5/CSS3 Frameworks

written by Nikola Lazarevic

Frameworks are an interesting topic. Some developers absolutely swear by them, other developers see them as unnecessary complications that add a lot of superfluous weight to what would otherwise be fairly simple code. I find them to be quite useful and timesaving.

HTML5 and CSS3 frameworks are becoming more and more popular every day, so in this post, we’ll examine some of the most popular CSS3 and HTML5 frameworks.

Gridless

Gridless Framework

Gridless is an awesome HTML5 and CSS3 framework for making responsive, cross-browser websites with beautiful typography.

Inuit.css

Inuit.css Framework

Created by Harry Roberts, this framework is built to work on smaller screens straight out of the box with minimal effort. Inuit.css main features are fully supported even in IE6 + basic support for new HTML5 elements.

Less Framework 4

Less Framework 4

Less Framework 4 is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Baseline

Baseline Framework

Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation. Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography.

Gravity

Gravity Framework

Gravity is a SASS based framework for making powerful, easily maintainable HTML5 websites. It helps you rapidly prototype your ideas and will generally make your life much easier.

G5 Framework

G5 Framework

In a nutshell, G5 Framework is a HTML5 website starter framework packed with some essentials for every new project and sprinkles of PHP & jQuery.

Perkins

Perkins Framework

Perkins is a pure HTML5/CSS3 Framework. It has a simple HTML5 template including many of the supported tags, a set of LESS stylesheets and mixins for common tasks such as creating navigation, rounded corners, gradients and much more.

52framework

52framework

The 52 Framework is a framework built specifically for utilizing HTML5 and CSS3 in a cross-browser, standards-compliant manner.

HTML5 Framework

HTML5 Framework

HTML5 Framework is just what you think it might be – a framework for creating layouts in HTML5. The base file includes HTML5 elements and has a CSS file that styles these elements.

Your Turn To Talk

If you know of any other useful frameworks you would like to share, please tell us using comment section below.

Our excellent online MB2-633 test training programs will lead you to success in the MB6-202. We also offer latest 70-681 and testking mcdba with 100% success guarantee.

Authored by

Web Designer, Blogger, M.Sc in Electronic Engineering from Nis, Serbia. Founder of webexpedition18.com. You can find me on Twitter.

Enjoyed this story?

Please leave your comment about this post on the comment section below. If you liked it tell your friends by tweeting it. You can also subscribe to our feed by rss or email.

8 Comments
ADD COMMENT
  • Federica Sibella says:

    June 27, 2011

    Nice collection Nikola, have to try them out one of these days! Thank you :)

  • Carolina says:

    June 27, 2011

    Thanks for this compilation, this is extremely useful. Since I was using grids for years now, it’s a great deal to get a look at some of the newer implementations.

  • Kurren says:

    June 27, 2011

    Nice list.

    I’d consider Boilerplate as a solid candidate too: http://html5boilerplate.com/

  • Fazreen says:

    June 27, 2011

    Nice list you got there. I have tried some of them. Must try the others too next time

  • 39articles says:

    June 28, 2011

    It’s really great article keep posting, nice article

  • Bill says:

    June 30, 2011

    Nice collection. There are some in there I’ve not seen before. Thanks for putting this together.

  • Agus Pelani says:

    June 30, 2011

    nice posted.. but not for me using framework ;P