15個最好的HTML5前端響應式框架(2014)

 文中的多個框架基於SASS建立，SCSS是一種比LESS更簡潔的樣式表編程語言，它可以編繹成CSS，可複用CSS代碼，聲明變量，甚至是函數，類Ruby/Python的語法。參見： LESS vs SASS？選擇哪一種CSS樣式編程語言?

最好的HTML5框架通常也是最流行的，使用這些框架可以極大地下降你的工做量。節約你的時間。

HTML5有很是實用和使人意想不到的功能。但也有少數瀏覽器並不支持HTML5，所以咱們需要基於HTML5的前端響應式框架作跨瀏覽器的支持。

這些HTML5的框架有很是多，大多支持響應式佈局，乾淨的代碼，跨瀏覽器兼容。內置button等等這些設計師經常使用的功能。

同的這些HTML5框架將幫助你更加easy地構建任務。包含支持javascirpt和jQuery插件的HTML5的框架，咱們可以實現站點的不少應用效果。

最好的響應式前端框架

在這篇文章中，我將展現我收集的15款最佳的前端響應式HTML5框架。

Foundation

顧名思義，支持HTML5設備的基礎。對於懶人們來講。咱們已經創建了一個新的命令行工具來加速項目開發，並添加支持Libsass。SCSS編繹加快了5倍。

skeljs

skelJS是一個輕量極的前端框架，可以建立響應式站點和應用。 僅僅需要引用一個不到20Kb的JS文件，而後就可以調用強大的組件。

Gumby

Gumby 2 是基於Sass建立的. 因爲你可以使用它高速定製你所需要的Gumby框架組件。

Grid System

響應式式前端框架

Less Framework 4

Less框架是一套CSS網格系統，它有4套佈局（layouts）和3組預設版式，都僅僅基於一個網格。

Yaml

模塊化的CSS框架。真正靈活。方便的響應式站點。 YAML提供了一套完整匹配的積木來建立複雜的站點。網格，導航，表格，排版模塊和所有提供的附加組件無縫地在一塊兒協同工做。

HTML5 Boilerplate

HTML5 Boilerplate幫助您構建高速，健壯，適應性強的Web應用程序或網站。

Montage Studio

MontageJS是一個現代化，完整的HTML5的框架，旨在建立單頁的應用程序，快捷！ MontageJS使用通過時間考驗的設計模式和軟件的原則，可以讓你輕鬆地建立一個模塊化的架構。並幫助您的項目提供高品質的用戶體驗。這贊成設計人員和開發者高速協同工做。

Columnal

該Columnal的CSS網格系統是一個「混合」的彈性網格。而一些代碼的靈感（和想法子從960.gs（注*960 Grid爲一開源項目）獲取

Layers CSS

Layers CSS是一個輕量級的CSS框架，它不強調不論什麼設計，僅僅處理的主體結構。

它即支持響應的佈局又有流式網格和簡單。

Twitter Bootstrap

Bootstrap 是一種流行的，現代的前端/ UI開發框架。它的功能豐富，大部分你所需要的功能裏面都有。

SproutCore

SproutCore的是基於網絡的創新用戶體驗的開源框架。它具備使人難以置信的速度意味着沒有更短的頁面渲染時間。利用最新的Web技術和規範。良好的可訪問性。

HTML KickStart

最新的一個框架。HTML5的KickStart的是一個很乾淨的HTML。CSS, JavaScript包，以節省UI開發者的工做。

CreateJS

CreateJS是一套開源的JavaScript庫和工具，用於建立豐富的，交互式的HTML5內容。它由5個模塊化的JavaScript庫組成。

這將幫助你實現動畫效果，在您的站點上支持HTML5的音頻。等等。

52Framework

52Framework是一個HTML5的框架，其目的是提供一種簡單的方法來構建使用HTML5和CSS3。同一時候支持所有現代瀏覽器響應站點。

它是擠滿了像HTML5視頻播放器，圓角，HTML5 Canvas及HTML5驗證等等優秀的組件。