16個最佳響應式HTML5框架


本文由PHP100中文網編譯

HTML5框架可以快速構建響應式網站,它們幫助程序員減少編碼工作,減少冗余的代碼。如今有很多免費的HTML5框架可供使用,由於它們有着響應式設計、跨瀏覽器兼容、相對輕量級等特點,這些框架在開發中都十分流行。如果你也對HTML5框架感興趣,你可以看看下面我列出的一些最佳的響應式HTML5框架,幫助你快速開發網站。

1. Twitter Bootstrap

twitter bootstrap - Responsive HTML5 frameworks

Bootstrap來自Twitter,是目前最受歡迎的前端框架,它簡潔靈活,使得Web開發更加方便快捷。它有着優雅的HTMCSS規范,以及構建響應式網站的基本的組件,例如12列柵格布局、jQuery插件、Bootstrap控件等等。
 

2. HTML5 Boilerplate

HTML5 boilerplate - Responsive HTML5 Frameworks

HTML5 Boilerplate的核心是用於幫助開發HTML5站點和應用程序的組件,它有着出色的性能和獨立性,幫助你開始一個新的項目。
 

3. Foundation

Foundation - Responsive HTML5 Frameworks

Foundation一款非常先進的前端框架,易用、強大而且靈活,可用於構建基於任何設備上的 Web應用,提供多種Web上的UI組件,如表單、按鈕、Tabs 等等。
 

4. Ulkit

UIkit

Ulkit是一個輕量級、模塊化的前端框架,幫助開發出快速、強大的Web接口,它有着全面的HTML、CSS和JS集合,易於使用和擴展。
 

5. HTML5 KickStart

HTML5 KickStart - Responsive HTML5 Frameworks

HTML5 KickStart集合了HTML5、CSS和JS,幫助開發人員快速開發Web產品,它覆蓋了所有的UI組件,同時也包含一些有用的JS插件。
 

6. Gumby

Gumby

Gumby 2基於Sass開發,是一款出色的響應式CSS框架,它包括一個Web UI工具包,有好看按鈕,表格,導航、標簽、JS插件等。
 

7. Skeleton

Skeleton - Responsive HTML5 Frameworks

Skeleton有着簡單、界面友好的特點,有一系列CSS和JS文件的集合,它可以幫你快速地調整網頁在不同分辨率下的顯示效果,可以優雅地等比例縮放桌面、平板、手機上的瀏覽尺寸。
 

8. Groundwork

Groundwork

Groundwork是一個響應式的HTML5,CSS和JavaScript框架,是基於Sass預處理器的開源項目。Groundwork 提供多種UI組件,如導航、按鈕、圖標、表單、Tabs、對話框、工具提示等等,可以創建適應多種瀏覽設備的布局。 
 

9. Base

Base

Base是一款系統化的、輕量級且易於擴展的框架,幫助你創建更強大的響應式網站。
 

10. Montage

Montage - Free Responsive HTML5 Frameworks

Montage用於創建現代的Web應用,可以在客戶端建立豐富的用戶界面,並使用面向服務的后端處理數據。它有着出色的特性,例如復用組件和HTML模板,使用聲明式的組件模型和聲明式的數據綁定等等。
 

11. Layers CSS

Layers CSS

Layers CSS是一款輕量級的CSS框架,它集中處理了主要的樣式結構,支持響應式布局。
 

12. 52Framework

52Framework - Free Responsive HTML5 Frameworks

52Framework是一個Web開發框架,它能實現HTML5和CSS3。它是一個跨瀏覽器的框架,可以在所有主流的瀏覽器上運行。它集合了很多優秀的組件,比如HTML5視頻播放器、HTML5 canvas、HTML5認證表單等。
 

13. CreateJS

CreateJS - Useful Responsive HTML5 Framework for web development

CreateJS是一套模塊庫和工具,豐富了網站的交互性內容。它有着對象管理、tweening等特征。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。
 

14. Kube

Kube - Best Free HTML5 Frameworks 2015

Kube足夠的簡單,足夠小,具有很強的自適應能力,是響應式的 CSS 框架。它擁有最新最炫的網格和漂亮的字體排版,沒有任何樣式綁定,給用戶以絕對的自由。

15. Less Framework

Less Framework - Popular HTML5 Frameworks

Less Framework是一個現代的前端框架。它是一個CSS網格系統,用來設計自適應網頁,包括4個布局和3套字體預設置,所有都是基於單個網格的。
 

16. SkelJS

SkelJS - Best Free Responsive HTML5 Frameworks 2015

Skel.js是一個用於創建響應式站點和應用的輕量級前端框架。



P.s. PHP100開始了第2期#話題討論#活動,第2期的主題是“程序員面試經驗分享,小伙伴們可以說說你的面試經歷,遇到的各種面試題等等,期待你的參與~





原文:http://webdesignlike.com/2015/best-free-responsive-html5-frameworks/
譯文:http://www.php100.com/html/dujia/2015/0317/8803.html
(翻譯:PHP100_Zeroing)
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM