?文中的多個框架基于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驗證等等優秀的組件。

轉載于:https://www.cnblogs.com/mfrbuaa/p/5118124.html

總結

以上是生活随笔為你收集整理的15个最好的HTML5前端响应式框架(2014)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。