JavaScript
Article

10 Handy HTML5 / CSS3 Frameworks

By Sam Deering

Calling all web developers! You should certainly look through this roundup of Easy HTML5/CSS3 Frameworks. We have posted some frameworks in our recent posts but you might want to take a look on this collection because you may have not used most of these before. Stay in date with the latest handy HTML5 & CSS3 technologies! Enjoy!

Related posts:


1. HTML5boilerplate


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%.
HTML5boilerplate.jpg
Source
Demo


2. 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).
The-M-Project.jpg
Source
Demo


3. Gravity


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.
Gravity.jpg
Source
Demo


4. 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.
Popcornjs.jpg
Source
Demo


5. 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.
Roots.jpg
Source
Demo


6. Baker 2.0


Is an HTML5 ebook framework to publish on the iPad & iPhone using open web standards.
Baker-2.jpg
Source
Demo


7. 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.
css3-action-framework.jpg
Source
Demo


8. 52framework


First HTML5/CSS3 framework created by enavu network.
52framework.jpg
Source
Demo


9. G5 Framework


Based on 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.
G5-Framework.jpg
Source
Demo


10. 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.
InuitCSS.jpg
Source
Demo

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.