首頁 >web前端 >H5教程 >16個最佳響應式HTML5框架分享

16個最佳響應式HTML5框架分享

巴扎黑
巴扎黑原創
2016-11-11 10:22:011387瀏覽

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

1. Twitter Bootstrap

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

2. HTML5 Boilerplate

HTML5 Boilerplate的核心是用於幫助開發HTML5網站和應用程式的元件,它有著出色的效能和獨立性,幫助你開始一個新的專案。

3. Foundation

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

4. Ulkit

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

5. HTML5 KickStart

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

6. Gumby

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

7. Skeleton

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

8. Groundwork

Groundwork是一個響應式的HTML5,CSS和JavaScript框架,是基於Sass預處理器的開源專案。 Groundwork 提供多種UI元件,如導覽、按鈕、圖示、表單、Tabs、對話方塊、工具提示等等,可以建立適應多種瀏覽裝置的版面配置。

9. Base

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

10. Montage

Montage用於創建現代的Web應用,可以在客戶端建立豐富的使用者介面,並使用服務導向的後端處理資料。它有著出色的特性,例如重複使用元件和HTML模板,使用聲明式的元件模型和聲明式的資料綁定等等。

11. Layers CSS

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

12. 52Framework

52Framework是一個Web開發框架,它能實作HTML5和CSS3。它是一個跨瀏覽器的框架,可以在所有主流的瀏覽器上運作。它集合了許多優秀的元件,例如HTML5影片播放器、HTML5 canvas、HTML5認證表單等。

13. CreateJS

CreateJS是一套模組庫和工具,豐富了網站的互動性內容。它有著對像管理、tweening等特徵。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。

14. Kube

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

15. Less Framework

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

16. SkelJS

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


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn