分享10個便利的HTML5/CSS3架構

所有的開發人員都應該注意了，你們絕對應該看看這篇文章，協助你快速建立HTML5/CSS3的開發架構。可能你也看到過其它的架構，但是你應該看看這些架構，因為你以前可能沒用過他們中的大部分。看看最新的實用HTML5和CSS3架構吧！希望你們喜歡！

1.HTML5boilerplate

H5BP帶給你非常漂亮的文檔，一個網站最佳化的編譯指令碼，還有一個自訂的boilerplate編譯器。除此之外，我們還支援lighttd，Google App Engine和NodeJS以及最佳化的伺服器配置（包括Apache，Nginx，和IIS），並且已經把boilerplate的大小減少了50%。

源碼 示範

2.The M project

跨平台的手機開發HTML5 javascript架構。特性包括：MVC HTML5，Javascript-所有的開發週期，離線支援（自動緩衝），富用戶端UI，本地和遠端資料支援並且遠程儲存，國際化（i18n），開源（MIT license），基於NodeJS的編譯工具（叫做Espresso）。

源碼 示範

3.Gravity

一個基於SASS的架構用於建立功能強大的，易於管理的HTML5網站。能夠協助你快速的建立你創意的原型，並且能讓你的開發更簡單。

源碼 示範

4.Popcorn.js

一個HTML5視頻的事件架構，提供一個簡單的API來同步互動和身臨其境的內容。Popcorn.js使用本地本地HTMLMediaElement屬性，方法和事件。轉化成一個簡單實用的API，並且提供了一個外掛程式系統用於方便社區開發。

源碼 示範

5.Roots

一個基於HTML5 boilerplate開發的wordpress主題，blueprint CSS（或者960.gs）和Starkers，能夠協助你快速在建立部落格和文字網站。

源碼 示範

6.Baker 2.0

一個HTML5 ebook架構用來在ipad和iphone上使用Web標準來發布內容。

源碼 示範

7.CSS3-action-framework

CSS3的類庫用於收集最好的CSS3效果。現在支援CSS3的瀏覽器正在增加；CSS3在許多案例都可以像javascript一樣使用，提供更好的使用者體驗

源碼 示範

8.52frarmework

第一個用enavu network開發的HTML5/CSS3架構

源碼 示範

9.G5 Framework

基於F布局。特性包括：CSS&SEO，PHP active class, HTML5 placeholder fallback,粘合的頁尾，HTML5基準，光滑的滾動到頂端和非常乾淨的組織。

源碼 示範

10.Inuit.CSS

由Harry Roberts建立。這個架構用於使用較少的代碼實現稍小的螢幕。支援IE6+。

源碼 示範