如今,HTML5已經被全世界的網站設計師和開發者所接受。 HTML5稱為是web開發的未來可不是空穴來風。 HTML5將語意化程式設計推到了新的高度。透過HTML5,開發者可以用更簡單易懂的單字來編寫他們的網頁應用程式。例如,HTML5建議使用標籤而不是標籤來加粗文字。不僅如此,HTML5還提供了對媒體(media)的強大的支持,簡化了媒體密集型web應用的創建過程。最重要的一點是HTML5比它的前輩們更能支援響應式網站設計。如今已經是響應式網站設計的時代,使用者不再只透過寬大的電腦螢幕來存取網站了。
框架能夠大幅簡化設計者和開發者的工作。筆者蒐集了10個廣受好評的HTML5響應式web開發框架推薦給大家,希望可以幫助大家建立更多響應式網站。
GroundworkCSS2
GroundworkCSS2是一個結合了HTML5、CSS和JavaScript的響應式框架,它針對不同的桌上型電腦、智慧型手機和平板設計了一個響應式的柵格系統。它的官方網站提供了大量的應用程式實例和文件來幫助開發者了解該框架。同時,官網也提供了多種模板,包括標準網站、電子商務網站和圖片展示型網站等等。另外,它還具有諸如支援響應式文字和輕鬆自訂化等特徵。
MontageJS
MontageJS是一個注重促進開發高拓展性web應用的HTML5框架模組化的方式來重複使用元件和組織程式碼。
52Framework
52Framework是一個結合了HTML5、CSS3和JavaScript的強大的前端框架。框架提供了一些封裝好的內建工具,包括HTML5影片播放器、HTML5表單驗證器,CSS3屬性工具、柵格系統和HTML5畫布範例等。
Twitter Bootstrap是一個結合了HTML、CSS和Java框架,用於加速並簡化web應用開發。該框架提供給開發者一些實用的功能,包括12列的響應式柵格系統、JavaScript插件和多種控制項等等。同時,它還為導航列、下拉式選單、麵包屑導覽列、排版、警告和進度條等功能提供了一些可重用的元件, 非常的實用。SproutCore
SproutCore是一個基於MVC架構的前端框架。它結合了HTML5,允許開發者透過客戶端邏輯和高品質的主題來建立快速、可拓展的網頁應用
Foundation
Foundation是一個有著線上社群支援的前端開發框架,透過柵格系統和其他一些特性提供了一系列佈局功能、包括複雜的佈局、動畫
特效、快速原型化等等。另外,它還提供了一些內建的HTML模板用於開發不同的頁面,包括電子商務主頁模板、旅行網站模板、線上雜誌模板、博庫網站模板和產品介紹頁面模板等等。
Base
Base是一個輕量級的模組化的HTML/CSS前端框架,用於開發支援新舊瀏覽器和行動裝置等多平台的跨平台響應式的web應用。
Onsen UI
Onsen UI是支援響應式佈局的基於HTML5元素自訂的UI框架,提供多種基於web的UI組件,並支援PhoneGap和Cordova的混合APP開發。它的高效得益於它結合了jQuery函式庫和Angular.js框架。
Enyo
Enyo是用來開發原生HTML5應用的前端框架。許多響應式的web應用程式都是利用Enyo開發的,包括blogWalker, E Notes, Groupon Mobile app和Confero。 Enyo提供一系列特性,包括UI組件、實用工具、事件處理和調試等
Ionic是一個用於建構混合行動應用的先進的HTML5框架。此框架最適合用於基於AngularJS的應用開發,並提供一系列HTML,CSS和JavaScript組件。它提供了一個強大的命令列工具,包含即時更新和內建日誌等功能,便於在不同的平台開發、測試和部署Ionic應用程式。
以上就是為大家分享的10個HTML5響應式框架,希望大家會喜歡。