推薦10個(gè)HTML5響應(yīng)式框架

投稿有獎(jiǎng)

由 金聰采編 分享 時(shí)間：2017-09-05 加入收藏 我要投稿 點(diǎn)贊 侵權(quán)舉報(bào)/版權(quán)申訴

如今，HTML5已經(jīng)被全世界的網(wǎng)站設(shè)計(jì)師和開發(fā)者所接受。HTML5被稱為是web開發(fā)的未來可不是空穴來風(fēng)。HTML5將語義化編程推到了新的高度。通過HTML5，開發(fā)者可以用更加簡(jiǎn)單易懂的單詞來編寫他們的網(wǎng)頁應(yīng)用。比如，HTML5推薦使用<strong>標(biāo)簽而不是<b>標(biāo)簽來加粗文本。不僅如此，HTML5還提供了對(duì)媒體(media)的強(qiáng)大的支持，簡(jiǎn)化了媒體密集型web應(yīng)用的創(chuàng)建過程。最重要的一點(diǎn)便是HTML5比它的前輩們更好地支持響應(yīng)式網(wǎng)站設(shè)計(jì)。如今已經(jīng)是響應(yīng)式網(wǎng)站設(shè)計(jì)的時(shí)代，用戶不再僅通過寬大的電腦屏幕來訪問網(wǎng)站了。
框架能夠大幅簡(jiǎn)化設(shè)計(jì)者和開發(fā)者的工作。筆者搜集了10個(gè)廣受好評(píng)的HTML5響應(yīng)式web開發(fā)框架推薦給大家，希望可以幫助大家構(gòu)建更多響應(yīng)式網(wǎng)站。

GroundworkCSS2

GroundworkCSS2是一個(gè)結(jié)合了HTML5、CSS和JavaScript的響應(yīng)式框架，它針對(duì)不同的臺(tái)式機(jī)、智能手機(jī)和平板設(shè)計(jì)了一個(gè)響應(yīng)式的柵格系統(tǒng)。它的官方網(wǎng)站提供了大量的應(yīng)用實(shí)例和文檔來幫助開發(fā)者了解該框架。同時(shí)，官網(wǎng)還提供了多種模板，包括標(biāo)準(zhǔn)網(wǎng)站、電子商務(wù)網(wǎng)站和圖片展示型網(wǎng)站等等。另外，它還具有諸如支持響應(yīng)式文本和輕松定制化等特征。

MontageJS

MontageJS是一個(gè)注重促進(jìn)開發(fā)高性能高拓展性web應(yīng)用的HTML5框架。該框架提供了面向組件的HTML模板，將組件從JavaScript和CSS中獨(dú)立出來。另外，它還提供一種模塊化的方式來重用組件和組織代碼。

52Framework

52Framework是一個(gè)結(jié)合了HTML5、CSS3和JavaScript的強(qiáng)大的前端框架。該框架提供了一些封裝好的內(nèi)置工具，包括HTML5視頻播放器、HTML5表單驗(yàn)證器，CSS3屬性工具、柵格系統(tǒng)和HTML5畫布示例等。

Twitter Bootstrap

Twitter Bootstrap是一個(gè)結(jié)合了HTML、CSS和JavaScript的強(qiáng)大的前端框架，用于加速并簡(jiǎn)化web應(yīng)用開發(fā)。該框架提供給開發(fā)者一些實(shí)用的功能，包括12列的響應(yīng)式柵格系統(tǒng)、JavaScript插件和多種控件等等。同時(shí)，它還為導(dǎo)航欄、下拉菜單、面包屑導(dǎo)航欄、排版、警告和進(jìn)度條等功能提供了一些可重用的組件， 非常的實(shí)用。

SproutCore

SproutCore是一個(gè)基于MVC架構(gòu)的前端框架。它結(jié)合了HTML5，允許開發(fā)者通過客戶端邏輯和高質(zhì)量的主題來構(gòu)建快速、可拓展的web應(yīng)用

Foundation

Foundation是一個(gè)有著在線社區(qū)支持的前端開發(fā)框架，通過柵格系統(tǒng)和其他一些特性提供了一系列布局功能、包括復(fù)雜的布局、動(dòng)畫特效、快速原型化等等。

另外，它還提供了一些內(nèi)置的HTML模板用于開發(fā)不同的頁面，包括電子商務(wù)主頁模板、旅行網(wǎng)站模板、在線雜志模板、博庫網(wǎng)站模板和產(chǎn)品介紹頁面模板等等。

Base

Base是一個(gè)輕量級(jí)的模塊化的HTML/CSS前端框架，用于開發(fā)支持新舊瀏覽器和移動(dòng)設(shè)備等多平臺(tái)的跨平臺(tái)響應(yīng)式的web應(yīng)用。

Onsen UI

Onsen UI是一個(gè)支持響應(yīng)式布局的基于HTML5元素定制的UI框架，提供多種基于web的UI組件，并支持PhoneGap和Cordova的混合APP開發(fā)。它的高效得益于它結(jié)合了jQuery庫和Angular.js框架。

Enyo

Enyo是一個(gè)用于開發(fā)原生HTML5應(yīng)用的前端框架。很多響應(yīng)式的web應(yīng)用都是利用Enyo開發(fā)的，包括blogWalker, E Notes, Groupon Mobile app和Confero。Enyo提供一系列特性，包括UI組件、實(shí)用工具、事件處理和調(diào)試等

Ionic

Ionic是一個(gè)用于構(gòu)建混合移動(dòng)應(yīng)用的先進(jìn)的HTML5框架。該框架最適合用于基于AngularJS的應(yīng)用開發(fā)，并提供一系列HTML,CSS和JavaScript組件。它提供了一個(gè)強(qiáng)大的命令行工具，包含實(shí)時(shí)更新和內(nèi)建日志等功能，便于在不同的平臺(tái)開發(fā)、測(cè)試和部署Ionic應(yīng)用。

以上就是為大家分享的10個(gè)HTML5響應(yīng)式框架，希望大家喜歡。