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

來源:互聯網
上載者:User
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是一個用於建立響應式網站和應用的輕量級前端架構。

免費領取LAMP兄弟連原創PHP教程光碟片/《細說PHP》精要版,詳情諮詢官網客服:http://www.lampbrother.net

PHPCMS二次開發http://yun.itxdl.cn/online/phpcms/index.php?u=5

開發http://yun.itxdl.cn/online/weixin/index.php?u=5

移動互連網伺服器端開發http://yun.itxdl.cn/online/server/index.php?u=5

Javascript課程http://yun.itxdl.cn/online/js/index.php?u=5

CTO訓練營http://yun.itxdl.cn/online/cto/index.php?u=5

以上就介紹了16個最佳響應式HTML5架構分享,包括了方面的內容,希望對PHP教程有興趣的朋友有所協助。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.