16個最佳響應式HTML5架構分享,16html5架構
HTML5架構可以快速構建響應式網站,它們協助程式員減少編碼工作,減少冗餘的代碼。如今有很多免費的HTML5架構可供使用,由於它們有著響應式設計、跨瀏覽器安全色、相對輕量級等特點,這些架構在開發中都十分流行。如果你也對HTML5架構感興趣,你可以看看下面我列出的一些最佳的響應式HTML5架構,協助你快速開發網站。
1. Twitter Bootstrap
海量技術文章:http://tieba.yunxunmi.com/
雲搜 http://so.yunxunmi.com/ 讓搜尋更簡單 採用html5完全支援手機和PC
Bootstrap來自Twitter,是目前最受歡迎的前端架構,它簡潔靈活,使得Web開發更加方便快捷。它有著優雅的HTMCSS規範,以及構建響應式網站的基本的組件,例如12列柵格布局、jQuery外掛程式、Bootstrap控制項等等。
2. HTML5 Boilerplate雲貼吧 http://tieba.yunxunmi.com/
HTML5 Boilerplate的核心是用於協助開發HTML5網站和應用程式的組件,它有著出色的效能和獨立性,協助你開始一個新的項目。雲貼吧 http://tieba.yunxunmi.com/
3. Foundation
Foundation一款非常先進的前端架構,易用、強大而且靈活,可用於構建基於任何裝置上的 Web應用,提供多種Web上的UI組件,如表單、按鈕、Tabs 等等。
4. Ulkit雲貼吧 http://tieba.yunxunmi.com/
Ulkit是一個輕量級、模組化的前端架構,協助開發出快速、強大的Web介面,它有著全面的HTML、CSS和JS集合,便於使用和擴充。
5. HTML5 KickStart雲貼吧 http://tieba.yunxunmi.com/
HTML5 KickStart集合了HTML5、CSS和JS,協助開發人員快速開發Web產品,它覆蓋了所有的UI組件,同時也包含一些有用的JS外掛程式。
6. Gumby雲貼吧 http://tieba.yunxunmi.com/
雲貼吧 http://tieba.yunxunmi.com/
Gumby 2基於Sass開發,是一款出色的響應式CSS架構,它包括一個Web UI工具包,有好看按鈕,表格,導航、標籤、JS外掛程式等。
7. Skeleton
Skeleton有著簡單、介面友好的特點,有一系列CSS和JS檔案的集合,它可以幫你快速地調整網頁在不同解析度下的顯示效果,可以優雅地等比例縮放案頭、平板、手機上的瀏覽尺寸。
8. Groundwork
雲貼吧 http://tieba.yunxunmi.com/
雲貼吧 http://tieba.yunxunmi.com/
Groundwork是一個響應式的HTML5,CSS和JavaScript架構,是基於Sass前置處理器的開源項目。Groundwork 提供多種UI組件,如導航、按鈕、表徵圖、表單、Tabs、對話方塊、工具提示等等,可以建立適應多種瀏覽裝置的布局。
9. Base
雲貼吧 http://tieba.yunxunmi.com/
Base是一款系統化的、輕量級且易於擴充的架構,協助你建立更強大的響應式網站。
10. Montage
雲貼吧 http://tieba.yunxunmi.com/
Montage用於建立現代的Web應用,可以在用戶端建立豐富的使用者介面,並使用面向服務的後端處理資料。它有著出色的特性,例如複用組件和HTML模板,使用聲明式的組件模型和聲明式的資料繫結等等。
11. Layers CSS
雲貼吧 http://tieba.yunxunmi.com/
Layers CSS是一款輕量級的CSS架構,它集中處理了主要的樣式結構,支援響應式布局。
12. 52Framework
雲貼吧 http://tieba.yunxunmi.com/
52Framework是一個Web開發架構,它能實現HTML5和CSS3。它是一個跨瀏覽器的架構,可以在所有主流的瀏覽器上運行。它集合了很多優秀的組件,比如HTML5視頻播放器、HTML5 canvas、HTML5認證表單等。
13. CreateJS
雲貼吧 http://tieba.yunxunmi.com/
CreateJS是一套模組庫和工具,豐富了網站的互動性內容。它有著對象管理、tweening等特徵。套件包括EaselJs, TweenJS, SoundJS, PreloadJS 和Zoe。
14. Kube
雲貼吧 http://tieba.yunxunmi.com/
Kube足夠的簡單,足夠小,具有很強的自適應能力,是響應式的 CSS 架構。它擁有最新最炫的網格和漂亮的字型排版,沒有任何樣式綁定,給使用者以絕對的自由。
15. Less Framework
雲貼吧 http://tieba.yunxunmi.com/
Less Framework是一個現代的前端架構。它是一個CSS網格系統,用來設計自適應網頁,包括4個布局和3套字型預設定,所有都是基於單個網格的。
16. SkelJS
Skel.js是一個用於建立響應式網站和應用的輕量級前端架構。
雲貼吧 http://tieba.yunxunmi.com/
P.s. PHP100開始了第2期#話題討論#活動,第2期的主題是“程式員面試經驗分享,小夥伴們可以說說你的面試經曆,遇到的各種面試題等等,期待你的參與~
福利贈送:回複“種子”,免費領取2015兄弟連個性軍牌好礼一份。限量99份先到先得!
雲貼吧 http://tieba.yunxunmi.com/
泥萌好,我是程式媛小編。做過電影、搞過設計、現在在做編程,我想和你們說,這個號我承包了。每天為大家奉上技術文章、行業猛料、職場潛規則......作為一個北漂,程式媛妹子深知咱們幹程式的不易,夜深人靜的夜晚不要一個人哭泣,如果真的想找人傾訴一下,可以加我雲尋覓:xdlmeizi,請原諒我一生放蕩不羈求關注,你是我的粉,我是你的人。
海量技術文章:http://tieba.yunxunmi.com/
雲搜 http://so.yunxunmi.com/ 讓搜尋更簡單 採用html5完全支援手機和PC
更多請關注:http://tieba.yunxunmi.com/tieba-html5.html