簡化Web開發的12個HTML5-CSS框架

HTML5已經在Web開發中越來越流行。并且現在大部分流行的瀏覽器包括Firefox 6, Google Chrome, IE9等都支持HTML5。 利用框架能夠幫助Web開發人員快速進行設計和開發。一個HTML5的框架提供了許多功能，如優美的排版，視頻播放器，表單驗證等，使開發人員能夠輕松地開發Web應用程序。

1. 52 Framework : HTML5-CSS3 Framework

該框架支持HTML5和CSS3，支持目前所有的瀏覽器。該框架充分利用了HTML5所有的優勢。在網頁設計師的世界中，CSS3是非常酷的東西，使用CSS3可以節省網頁設計和布局的時間。在開發中可以使用CSS3所有的特性，如文本/框陰影、圓角和動畫等。
Website

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography. It works on DBY (don’t bore yourself) approach and allows developers to use CSS normalization, beautiful typography, a well organized folder structure, IE bug fixes and other nice tricks for their websites.
The most exceptional feature of Gridelss is that it uses mobile first responsive web design, which means that it adapts itself to the device’s width which turns it into work anywhere with any old feature phone, newer Smartphone, tablets, notebooks and bigger desktops. It supports all modern browsers like Firefox, opera, chrome, Safari and IE 6+.
Website

3. Perkins : HTML5-CSS3 Framework

Perkins 是一個 HTML5/CSS3 框架，主要為簡化開發者和設計師的工具。使用一個基礎的 HTML5 模板，包含多數所支持的標簽以及一些 CSS 樣式，便于創建諸如導航、圓角、漸進等效果。
Website

4. Less Framework 4

Less Framework is a CSS grid system for designing adaptive multicolumn websites layouts. It contains 4 layouts and 3 sets of typography presets, all based on a single grid. Less Framework can easily built sites compatible with mobiles and smart phones and it works fine with all modern browsers such as Firefox, Chrome, Safari, Opera, Nokia Webkit, WebOS, Blackberry OS, Android Webkit, and Mobile Safari etc.
Website

5. Gravity : SASS Based Front End HTML5-CSS3 Framework

Gravity is SASS based framework for making powerful, easily maintainable HTML5 websites. Gravity holds every type of feature for developing beautiful websites such as readymade typography presets, media queries, button styles, from styling, column sizing based on variables and much more. Users need to install SASS to run the framework. It includes numbers of killer features such as it is SASS based, CSS3 Mixins, Rapid Prototyping, Grid builder, CoffeeScript, Core JS imports and many more.
Website

6. HTML5 BoilerPlate

HTML5 Boilerplate 是一個HTML / CSS / js模板，是實現跨瀏覽器正常化、性能優化，穩定的可選功能如跨域Ajax和Flash的最佳實踐。 項目的開發商稱之為技巧集合，目的是滿足您開發一個跨瀏覽器，并且面向未來的網站的需求。

HTML 5樣板的一些特性如下：

支持HTML 5

跨瀏覽器兼容,包括對IE6的支持

高速緩存和壓縮規則,最佳實踐配置

移動瀏覽器優化

單元測試套件Javascript分析

移動與特定CSS規則的IOS和Android的瀏覽器支持

Website

7. G5 Framework : HTML5-CSS3 Front End Framework

Website

8. Baseline : HTML5-CSS Framework

Baseline is HTML5 frame works which assists users to easily create and develop websites and web applications. Baseline comes standard typography, includes style for HTML form and new HTML 5 tags. Baseline supports all modern browsers such as Safar 3+, Google Chrome, Firefox 3+, Opera 9+, and IE 8.
Website

9. Sprout Care : Open Source HTML5 Framework

Sprout care is an open source HTML5 Framework used to rapidly build up innovative web applications. With sprout care developers can build rich, interactive applications with less code. Sproutcore includes many features like Clean MVC Architecture – which keeps users codes sensible and organized for easy maintenance, Incredible Speed—client-side logic means no more waiting for severs, Sproutcore apps give you a native experience, built in tools that will make your application beautiful and many more.
Website

10. LimeJS : HTML5 Game Framework

LimeJS是一個HTML5游戲框架，能夠幫助開發人員為流行的觸摸設備和桌面瀏覽器快速開發出用戶友好，擁有原生體驗的游戲。
Website

11. Cartagen : HTML5 Framework For Dynamic Mapping

Cartagen lets you make beautiful, customized maps with a simple stylesheet. Maps are styled with Geographic Style Sheets (GSS), GSS is a scripting language as well making Cartagen an idea framework for loan modification mapping dynamic data. Cartagen is vector mapping, client side HTML 5 framework for rendering maps in native HTML5 applications. It is written in JavaScript, it uses the new Canvas element to load mapping date from various sources including OpenStreetMap.
Website

12. inuitCSS : HTML5-CSS Framework

Inuitcss是一個漂亮和實用的框架。能夠幫助我們開發出漂亮的網站。它支持新的HTML5標簽，支持平板電腦和智能手機。Developers can build their own fluid grid systems and it provides nice typography for development along with all type of modern browsers supports even IE6.
Website