【轉載】HTML5作為第五代HTML標準修訂版本,于2014年10月完成并發布。這套最新語言版本納入了一系列新的功能特性,包括經過改進的多媒體內容支持能力、新的語法功能以及可伸縮矢量圖形(簡稱SVG)集成等等。
不過重要的是,HTML 5的核心優勢在于其提供了不同瀏覽器之間更理想的互操作能力,從而使其成為跨平臺移動應用開發場景中的重要語言選項。如今,HTML 5已經成為市面上最出色的移動技術方案之一,同時也吸引到眾多企業級組織利用其進行跨平臺Web應用交付。當前市場上存在著大量“HTML 5開發框架”,足以為我們提供各類必要功能與組件,從而順利而且高效地搞定移動應用開發任務。
“HTML 5移動應用”基本上就是一款基于Web的應用,其運行不需要依靠特定設備以及瀏覽器。這種應用由單一網絡頁面或者多個網絡頁面所構成,可在現代移動瀏覽器上順利打開。HTML 5非常適合用于開發此類基于Web的移動應用,具體包括通訊應用、電子商務應用乃至旅行應用等等。誠然,原生移動應用往往能夠提供更出色的功能性、安全水平以及令人贊嘆的設計效果。但是,通過使用正確的框架,我們也能夠很容易地設計出一套基于Web的HTML 5移動應用,并使其擁有與原生應用非常類似的使用感受。此外,很多框架還提供對PhoneGap以及Cordova這類方案的支持能力,這意味著我們能夠面向多種不同平臺及設備構建動態混合Web應用。
因此,在今天的文章中,我們將共同了解十款出色的HTML 5框架——它們能夠幫助開發人員構建種類繁多的響應式Web應用,包括生產力、在線通信、社交媒體以及音樂播放等等。閑言少敘,我們馬上進入十大最佳HTML 5響應式Web開發框架主題。
1) GroundworkCSS 2
GroundworkCSS 2是一款響應式HTML 5、CSS以及JavaScript框架。這套框架擁有一套強大的網格系統外加對應劃分功能,足以滿足各類臺式機、智能手機以及平板設備的需要。其網站還提供數量可觀的使用示例及說明文檔,足以幫助大家快速實現原型設計以及面向標準網站、電子商務網站以及圖片庫等應用場景的布局模板。值得強調的是,這套框架還提供其它一些功能,例如響應式文本以及易于定制特性。
2) MontageJS
MontageJS是一套極具人氣的HTML 5框架,其專長之處在于支持高性能與可擴展性Web應用的開發。這套框架提供一系列面向組件的HTML模板,從而幫助這些組件擺脫對JavaScript或者CSS的依賴性。它還提供一套模塊化方法,能夠實現組件的可復用性及代碼組織。另外,MontageJS的其它優勢還包括基于云的視覺創作環境、功能性反應綁定(簡稱FRB)以及隱含事件代理等等。
3) 52Framework
52 Framework是一套強大的前端開發框架,其能夠充分發揮HTML 5、CSS 3以及JavaScript的可觀潛能。這套框架當中捆綁有大量內置功能,具體包括HTML 5視頻播放器、HTML 5表單驗證、CSS 3屬性、網格系統以及HTML 5 canvas示例等。
4) Twitter Bootstrap
Twitter Bootstrap是一套強大的前端框架,能夠利用HTML、CSS以及JavaScript快速簡單地實現Web應用開發任務。這套框架為開發人員提供一系列極具實用性的功能,具體包括一套12列響應式網格系統、JavaScript插件外加HTML元素等等。它還提供一系列可復用組件,從而實現導航、下拉菜單、面包屑導航、排版、提醒以及進度條等功能。
5) SproutCore
SproutCore是一款高人氣前端框架,且利用MVC架構規范構建而成。立足于HTML 5的強大能力,它允許我們通過高效客戶端邏輯與高質量主題特性構建出運行速度出色且具備可擴展能力的Web應用程序。
6) Foundation
Foundation是目前網絡社區內應用范圍最廣的前端開發框架之一。這套框架能夠提供一系列覆蓋其網格系統的布局選項,同時具備多種現代功能特性,包括復雜布局、動畫效果、快速原型設計以及更多。它還提供數套內置HTML模板,幫助大家快速開發出各類網站與網頁成果,具體包括電子商務首頁、旅行網站、在線雜志、博客站點以及產品頁面等。
7) Base
Base是一款輕量級、模塊化HTML/CSS框架,能夠幫助我們開發出各類極為出色的網站應用。Base的設計目標在于同各類新型與早期瀏覽器相兼容,并能夠順暢運行在各類移動設備之上,而這種能力也使其成為一套強大的跨平臺及響應式前端HTML 5框架。另外,Base框架還在其官方網站上提供一系列免費的單頁面網站設計模板供大家使用。
8) Onsen UI
Onsen UI是一套基于元素的定制化HTML 5 UI框架,且具備響應式布局支持能力。這套框架提供相當廣泛的Web UI組件選項。它也支持PhoneGap與Cordova,意味著其能夠輕松完成混合型應用的開發任務。Onsen UI的最大優勢在于能夠同jQuery庫或者Angular.js框架快速結合,從而顯著提高使用效率。
9) Enyo
Enyo是一款先進的前端開發框架,適用于開發與原生應用類似的HTML 5應用。它還是一款極具人氣的跨平臺框架,目前被廣泛用于開發各類響應式與主流Web應用,具體包括blogWalker、E Notes、Groupon Mobile應用以及Confero等等。Enyo提供一系列功能特性,例如UI組件、功能部件、事件處理以及調試能力等等。
10) Ionic
Ionic是一套先進的HTML 5框架,主要用于混合型移動應用的開發工作。這套框架在Angular.js支持方面經過優化,且提供相當豐富的HTML、CSS以及JavaScript組件。其還擁有一套強大的命令行界面(簡稱CLI),其中的卓越功能包括 實時重載與日志記錄整合,這意味著我們能夠更為輕松地跨越不同平臺對Ionic應用進行開發、測試與部署。
總結陳詞:
HTML5應用的開發難度要遠遠低于面向iOS或者Android系統平臺的原生應用開發難度。HTML 5方案的另一大優勢在于,我們可以通過更為便捷的方式實現Web應用發布——相比之下,原生應用則只能接受審核以獲得在相關應用程序商店中的上架權。另外,與原生應用不同,我們也能夠很輕松地對HTML 5應用中的漏洞進行修復或者進行功能改進。然而,HTML 5應用缺少一部分原生應用引以為傲的重要特性,例如對本地設備功能的訪問能力以及安全的離線存儲模式。無論如何,HTML 5確實標志著一場效果顯著的移動開發技術革新,而我們也可以期待上述問題能夠在不久的未來一一得到解決。