加速Web开发的9款知名HTML5框架

迈不过友情╰ 2022-03-28 07:22 197阅读 0赞

与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。

如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构。

伴随着智能手机正在席卷整个移动市场，在移动设备上开发出兼容性高的网站已变的非常重要，相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台，HTML5框架可以轻松解决这种跨平台问题。

如果你是一名Web设计师，你肯定有兴趣开发出杀手级的应用，那么使用下面推荐的HTML5框架将会对你的开发过程产生巨大的帮助，帮你搭建跨平台网站。

**1.[ LungoJS][LungoJS]**

**![5109c6643aab0.jpg][]**

这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

Lungo.JS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。

**2.[Kendo UI][]**

![5109c701e3fa2.jpg][]

Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

**3.[Sencha Touch][]**

![5109c7806ac0e.jpg][]

Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。

可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。

**4.[Jo][]**

**![5109c82fc23e9.jpg][]**

该框架可以创建像本地一样的应用，并且兼容任何操作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

**5.[52 Framework][]**

![5109c8ae31876.jpg][]

52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。

**6. [G5 Framework][]**

![5109c93b23cf4.jpg][]

如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5 框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

**7.[LimeJS][]**

![5109c99c58664.jpg][]

LimeJS 是一个 JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS。

**8.[jQuery Mobile][]**

![510a299ab044c.jpg][]

jQuery Mobile（jQueryMobile）是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。

**9.[Phone Gap][]**

**![510a2a1717dfb.jpg][]**

PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等。

来自： [WEBDEVELOPERJUICE][]

[LungoJS]: http://lungo.tapquo.com/
[5109c6643aab0.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c6643aab0.jpg
[Kendo UI]: http://www.kendoui.com/
[5109c701e3fa2.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c701e3fa2.jpg
[Sencha Touch]: http://www.sencha.com/learn/touch/
[5109c7806ac0e.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c7806ac0e.jpg
[Jo]: http://joapp.com/
[5109c82fc23e9.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c82fc23e9.jpg
[52 Framework]: http://www.52framework.com/
[5109c8ae31876.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c8ae31876.jpg
[G5 Framework]: http://framework.gregbabula.info/
[5109c93b23cf4.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c93b23cf4.jpg
[LimeJS]: http://www.limejs.com/
[5109c99c58664.jpg]: http://cms.csdnimg.cn/article/201301/31/5109c99c58664.jpg
[jQuery Mobile]: http://jquerymobile.com/
[510a299ab044c.jpg]: http://cms.csdnimg.cn/article/201301/31/510a299ab044c.jpg
[Phone Gap]: http://www.phonegap.cn/
[510a2a1717dfb.jpg]: http://cms.csdnimg.cn/article/201301/31/510a2a1717dfb.jpg
[WEBDEVELOPERJUICE]: http://www.webdeveloperjuice.com/2013/01/29/8-novel-html5-frameworks-to-speed-up-your-web-development/