15 Handy HTML5/CSS3 Frameworks For Web Developers

by AndrewG

HTML5 and CSS3 frameworks are becoming more and more popular every day. It really makes web developers’ lives easier, because there are so many benefits, e.g. Development time. It has reduced considerably, especially if you don’t have much experience with the framework and you use it in appropriate situations; Frameworks contain “hacks” for most common browsers. To solve the same problem with the positioning of elements in IE can make you bored very quickly; Simplifies support. It will be easier to read your same code, written six months ago, if you always use the same class names. So if you are a developer you should certainly look through this roundup of Handy HTML5/CSS3 Frameworks! If you know of any other useful frameworks you would like to share, please leave a response in the comments.

Perkins

Perkins is a pure HTML5/CSS3 Framework created with love.
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. Typography, tables, forms, buttons – are styled very elegant.

Demo Download

Inuit.css

Inuit.CSS created by Harry Roberts. This framework 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.

Demo Download

G5 Framework

G5 Framework based on a F Layout. Some features: base CSS & SEO, PHP active class, HTML5 placeholder fallback, sticky footer, HTML5 baseline, smooth scroll to top and very clean organization.

Download

52framework

52framework first HTML5/CSS3 framework created by enavu network.

Demo Download

Less Framework 4

Less Framework 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. Changes in Version 4: new 992 px default desktop layout, new grid with 68 px columns, more type presets.

Download

Baseline

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. 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.

Download

CSS3 Action Framework

CSS3 Action Library aims to gather all the best CSS3 effects in one place.
Today the number of browsers who supports CSS3 is growing , CSS3 in many cases can be used like Java Script replacement and can contribute to better browsing experience.

Demo Download

Baker 2.0

Baker is an HTML5 ebook framework to publish on the iPad & iPhone using open web standards

Download

Roots WordPress Theme Framework

Roots is a starting WordPress theme made for developers that’s based on HTML5 Boilerplate, Blueprint CSS (or 960.gs) and Starkers that will help you rapidly create brochure sites and blogs.

Download

Popcornjs.org

Popcorn.js is an event framework for HTML5 video that provides a simple API for synchronizing interactive and immersive content. Popcorn.js utilizes the native HTMLMediaElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.

Download

Gravity

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.

Download

The M Project

HTML5 JavaScript framework for cross-platform mobile apps. Some features: MVC HTML5, JavaScript- all development cycle, offline support (automatic cache manifest generation), rich user interfaces, DataProvider for local and remote storage persistence, internationalization (i18n), open source (MIT License), NodeJS based build tools (called Espresso).

Download

HTML5boilerplate

Along with HTML5 Boilerplate’s rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we’ve reduced the overall size of the published boilerplate by 50%.

Download

HTML5 Multimedia Framework for WordPress

HTML5 Multimedia Framework is designed to be a highly customisable plugin for wordpress that comes with MediaElement.js. The framework currently support mp4(h.264,aac), ogg(theora,vorbis), mp3(audio only) and also webm (vp8,vorbis). It can also support wmv, flv and wma while MediaElement.js is enabled.

Download

LimeJS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

Download

Bonus

CSS3 Buttonize Framework

Thanks to Edd Turtle for sharing nice framework

Download

Tags | CSS3, Framework, Html5, JavaScript