Best HTML5 And CSS3 Frameworks

50 Replies

HTML5 And CSS3 Frameworks is what can make your job easier with structuring and presenting content on the World Wide Web. Features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears are being incorporated in HTML5.

Although the full recommendation of HTML5 is very far away (2022), but browsers are being making there moves already. As a designer myself I really am watching closely on developments, articles on HTML5 and CSS3, and today I would like to present the frameworks for HTML5 and CSS3.

[rss] [ad1]

52ramework

52framework contains all the header, nav, section, article, footer tags which are the basic html5 tags, with full documentation and growing community this frameworks looks promising. Features like rounded corners, text-shadow, box-shadow, html5 markup, grid system, css reset are just a small list, this framework is worth a look if you want to dive in HTML5 and CSS3.

Lessframework

Less Framework is a CSS framework for building flexible multi-column website layouts. It contains a ten column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

With support of all browsers this framework is said to open in mobile devices with a smooth and flexible manner. The tutorial and documentation is very neat and can be easily understood.

Baseline

Baseline is a CSS framework that aims to be a basic typographic layout and build a simple grid system, including style for HTML forms and new HTML 5 elements.

This framework uses the font metrics to line up headlines, paragraphs, form labels and other elements on the page baseline, tending to create a nice fixed layout.

Sproutcore

SproutCore is an HTML5 application framework for building responsive, desktop-caliber apps in any modern web browser, without plugins.

With documentation and support community SproutCore is another solid framework for developers. The demos are pretty fast and they look promising with what they are said to do.

CSS3 Action Framework

Hosted on google code, CSS3 Action Library aims to gather all the best CSS3 effects in one place. With some very fantastic demos like of google redesign, this framework is also worth a shot.

JavaScript framework designed for HTML5 apps

Sencha Touch

Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards and ready for Android™ and Apple iOS devices.

OpenLaszlo : OpenLaszlo is an open source platform for the development and delivery of rich Internet applications. It is released under the Open Source Initiative-certified Common Public License. With OpenLaszlo 4.0 (OL4), they have added the option of compilation to DHTML (browser-native JavaScript). OpenLaszlo 4 handles browser idiosyncrasies so you don’t have to.

And there are more to come. We will be updating this post in future, so that you can find about all frameworks in one place. So I recommend you to bookmark this page for future reference.

We would love to know anything about HTML5 and CSS3 frameworks from you, and be sure to get the our responses.

[rss]

50 thoughts on “Best HTML5 And CSS3 Frameworks”

  1. Pingback: Best HTML5 And CSS3 Frameworks « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit

  2. Pingback: Best HTML5 And CSS3 Frameworks » Web Design

  4. Pingback: === popurls.com === popular today

  5. Pingback: Best HTML5 And CSS3 Frameworks : Popular Links : eConsultant

    1. Jaspal Post author

      Blueprint is one of the finest HTML/CSS Framework and i am using it in this blog.. but the post is about HTML5 and CSS3 .. so no comparisons :)

      Reply ↓

  9. Pingback: links for 2010-06-19 « Treat with Jermolene

  10. Fuad

    hello there, this is great combination, I always wondering why technology develop this fast, hasn’t finish to learn regular html now i need to go forward with html5
    what a stuff

    Reply ↓

  12. Pingback: Eric Blue’s Blog » Weekly Lifestream for June 20th

  15. Raju Bitter

    Right, OpenLaszlo is missing here. Supports many cool HTML5 features, and can deliver a SWF10 version of the same application for browsers without HTML5 support. But thanks for listing the other frameworks here as well. Good to see that HTML5 is so widely supported on the framework side now.

    Reply ↓

  16. Pingback: Destillat #46 – Web- und Softwareentwicklung | Open Source und Wetware

  19. Toddy

    Sencha looks very interesting. It uses Compass framework as the theme engine. Compass uses SASS technology and embeds several css frameworks, like blueprint e 960.

    Reply ↓

  23. Pingback: 12 Useful CSS3 Tutorials And Techniques For Web Designers

  24. Pingback: Best HTML5 And CSS3 Frameworks | TMHs Web Tips

  26. Pingback: MadFox January 2011 Recap | SaltyBlog

  27. Pingback: Appunti di storie di web » links for 2011-01-22

  29. Pingback: Frameworks | Weblogs Considered Harmful

  30. nishi

    good work..i wanted to do Masters project based on HTML5. i wanted to come up with a framework that can be followed by web site developing companies to use HTML5 and how they can move from HTML4 TO HTML5 … I JUST WANTED TO KNOW IS IT A FEASIBLE IDEA.

    Reply ↓

  33. Pingback: 180+ HTML5 Tutorials and a Round-Up of Round-Ups - WebsitesMadeRight.com

  34. Pingback: 270+ HTML5 Tutorials and a Round-Up of Round-Ups - WebsitesMadeRight.com

  36. Pingback: Project: Building the Site, Revised | | DWBMDWBM

  38. Pingback: 明日を生きるマークアップエンジニアのためのHTML5フレームワーク色々 - バンクーバーのWEB屋

  39. Pingback: Best Free HTML5/CSS3 Frameworks Generators & Templates | Web Development | iDesignow

  40. Martin Voorzanger

    I have not used any of the frameworks yet. What do you consider the best framework for:
    * a web application that will be used both on the web and mobile devices
    * does not have much content, but mainly dynamic data coming from a server
    * serves as input to PhoneGap (or similar) to transform to a native app
    * has a backend in either Java or Rails/Ruby

    Or does the above list does not influence the choice. In case it doesn’t – what does? Or just a matter of ‘taste’?

    Reply ↓

  41. Pingback: The Web is dead! Long live the Web! | Firstpost

  45. Pingback: 明日を生きるマークアップエンジニアのためのHTML5フレームワーク色々 | バンクーバーのうぇぶ屋

  46. Eugenia

    When I originally commented I appear to have clicked the -Notify me when new comments
    are added- checkbox and now whenever a comment is added I
    recieve four emails with the exact same comment.
    Perhaps there is a way you can remove me from that
    service? Kudos!

    Reply ↓
  49. Vern Beckford

    DHTML allows scripting languages to change variables in a web page’s definition language, which in turn affects the look and function of otherwise “static” HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load.:”

    Our favorite web page
    <http://www.caramoantourpackage.com/caramoan-tour-package

    Reply ↓

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>