如今,HTML5已經(jīng)被全世界的網(wǎng)站設(shè)計(jì)師和開發(fā)者所接受。HTML5被稱為是web開發(fā)的未來(lái)可不是空穴來(lái)風(fēng)。HTML5將語(yǔ)義化編程推到了新的高度。通過(guò)HTML5,開發(fā)者可以用更加簡(jiǎn)單易懂的單詞來(lái)編寫他們的網(wǎng)頁(yè)應(yīng)用。比如,HTML5推薦使用<strong>標(biāo)簽而不是<b>標(biāo)簽來(lái)加粗文本。不僅如此,HTML5還提供了對(duì)媒體(media)的強(qiáng)大的支持,簡(jiǎn)化了媒體密集型web應(yīng)用的創(chuàng)建過(guò)程。最重要的一點(diǎn)便是HTML5比它的前輩們更好地支持響應(yīng)式網(wǎng)站設(shè)計(jì)。如今已經(jīng)是響應(yīng)式網(wǎng)站設(shè)計(jì)的時(shí)代,用戶不再僅通過(guò)寬大的電腦屏幕來(lái)訪問(wèn)網(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í)例和文檔來(lái)幫助開發(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ú)立出來(lái)。另外,它還提供一種模塊化的方式來(lái)重用組件和組織代碼。
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ā)者通過(guò)客戶端邏輯和高質(zhì)量的主題來(lái)構(gòu)建快速、可拓展的web應(yīng)用
Foundation
Foundation是一個(gè)有著在線社區(qū)支持的前端開發(fā)框架,通過(guò)柵格系統(tǒng)和其他一些特性提供了一系列布局功能、包括復(fù)雜的布局、動(dòng)畫特效、快速原型化等等。
另外,它還提供了一些內(nèi)置的HTML模板用于開發(fā)不同的頁(yè)面,包括電子商務(wù)主頁(yè)模板、旅行網(wǎng)站模板、在線雜志模板、博庫(kù)網(wǎng)站模板和產(chǎn)品介紹頁(yè)面模板等等。
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庫(kù)和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)式框架,希望大家喜歡。