jQuery Topics

10 Handy HTML5 / CSS3 Frameworks

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

Read the full/original article at jQuery4u

    Related Posts

    Comments are closed.

    jQuery Resources

    Learn more about jQuery

    jQuery News & Links

    I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

    jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

    jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

    Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

    To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

    In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

    For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

    Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

    Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

    In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

    jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

    I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

    In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

    In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

    As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

    A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

    A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

    Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

    Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

    jQuery code snippet which outputs all attributes of element using the default .attr() function on any dom element(s). usage: output:

    More Links & News

    Community Resources

    Use jQuery and the Google Maps API to create your own map application.

    Super cool and easy way to get stylish tooltips with jQuery.

    The right way to include the jQuery library in WordPress.

    Share a resource