加速Web開發的9款知名HTML5框架

加速Web開發的9款知名HTML5框架

發表於2013-01-31 09:40| 61176次閱讀| 來源CSDN| 80 條評論| 作者張紅月

HTML5框架前端開發

allowtransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?url=http%3A%2F%2Fwww.csdn.net%2Farticle%2F2013-01-31%2F2814027-HTML5-Framework&type=3&count=&appkey=&title=%E4%BC%B4%E9%9A%8F%E7%9D%80%E6%99%BA%E8%83%BD%E6%89%8B%E6%9C%BA%E6%AD%A3%E5%9C%A8%E5%B8%AD%E5%8D%B7%E6%95%B4%E4%B8%AA%E7%A7%BB%E5%8A%A8%E5%B8%82%E5%9C%BA%EF%BC%8C%E5%9C%A8%E7%A7%BB%E5%8A%A8%E8%AE%BE%E5%A4%87%E4%B8%8A%E5%BC%80%E5%8F%91%E5%87%BA%E5%85%BC%E5%AE%B9%E6%80%A7%E9%AB%98%E7%9A%84%E7%BD%91%E7%AB%99%E5%B7%B2%E5%8F%98%E7%9A%84%E9%9D%9E%E5%B8%B8%E9%87%8D%E8%A6%81%EF%BC%8C%E6%9C%AC%E6%96%87%E6%8E%A8%E8%8D%909%E6%AC%BE%E9%9D%9E%E5%B8%B8%E6%B5%81%E8%A1%8C%E7%9A%84HTML5%E6%A1%86%E6%9E%B6%EF%BC%8C%E5%8F%AF%E4%BB%A5%E8%BD%BB%E6%9D%BE%E5%8A%A9%E4%BD%A0%E5%BC%80%E5%8F%91%E5%87%BA%E5%85%BC%E5%AE%B9%E5%90%84%E4%B8%AA%E7%A7%BB%E5%8A%A8%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%BD%91%E7%AB%99%E3%80%82&pic=&ralateUid=&language=zh_cn&rnd=1415181527653" width="22" height="16">摘要：伴隨着智能手機正在席捲整個移動市場，在移動設備上開發出兼容性高的網站已變的非常重要，本文推薦9款非常流行的HTML5框架，可以輕鬆助你開發出兼容各個移動平臺的網站。

與手工編碼比起來，HTML5框架在準確性和正確率方面給予了保證。大多數HTML5框架都會有一個組合或者包含一些額外的組件，比如jQuery Scripts。CSS3樣式表則以改善多媒體特徵的功能性和響應式的Web佈局爲主。

如果你有一個根據固定流程進行的特定項目，爲了保證項目剛開始就能有較高的正確率，那麼你可以利用HTML5框架來提升整個開發過程，並且讓網站擁有一致性結構。

伴隨着智能手機正在席捲整個移動市場，在移動設備上開發出兼容性高的網站已變的非常重要，相信所有的網站所有者都希望自己的網站能夠兼容所有的智能手機平臺，HTML5框架可以輕鬆解決這種跨平臺問題。

如果你是一名Web設計師，你肯定有興趣開發出殺手級的應用，那麼使用下面推薦的HTML5框架將會對你的開發過程產生巨大的幫助，幫你搭建跨平臺網站。

1. LungoJS

這個是被認爲開發移動網站最好的HTML5開發框架，使用 HTML5/CSS3 和 JavaScript 技術。可幫助創建基於 iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性，可捕捉事件包括滑動、觸屏、長按等。無需使用圖片，全部採用向量聲稱。

Lungo.JS 無需服務器端支持，可幫助實現 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定製的框架，可用來創建應用、遊戲等程序。

2.Kendo UI

 

Kendo UI是一個HTML5平臺，開發者利用它可以開發新穎的、交互的移動應用程序和網站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數據綁定小部件，如圖表、組合框以及常用表格。

3.Sencha Touch

Sencha Touch是第一個基於HTML5的移動應用框架，利用JavaScript、HTML5和CSS3來構建移動應用程序，該框架利用本地代理存儲離線數據，具體使用HTML5來渲染視頻和音頻組件。

可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數據管理，全部基於最新的HTML5和CSS3的Web標準，全面兼容Android和Apple iOS設備。

4.Jo

該框架可以創建像本地一樣的應用，並且兼容任何操作系統，無論是Blackberry、iOS還是Android。並且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。

5.52 Framework

52 Framework擁有16列的網格模板。該框架來自於CSS3樣式裏的新“Selection”、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用於IE6。

6. G5 Framework

 

如果你想要快速實現Web開發，並且想要重用ant主題或應用程序或網站項目，那麼G5 框架是您最好的選擇，因爲該框架旨在提升開發效率、減少代碼。該框架採用特色的PHP激活類、SEO優化技術。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

7.LimeJS

 

LimeJS 是一個 JavaScript 遊戲開發框架，用於快速構建運行於觸屏設備和桌面瀏覽器的遊戲。允許開發者創建基於 HTML5 的遊戲，支持主流瀏覽器包括iOS。

8.jQuery Mobile

 

jQuery Mobile（jQueryMobile）是 jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發佈一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。我們將盡全力去滿足這樣的需求。

9.Phone Gap

PhoneGap是一個開源的開發框架，使用HTML，CSS和JavaScript來構建跨平臺的的移動應用程序。它使開發者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機的核心功能——包括地理定位，加速器，聯繫人，聲音和振動等。

來自： WEBDEVELOPERJUICE