移动端html5技术和框架
(2013-03-15 10:54:30)
标签:
移动端技术选型it |
分类: HTML5那些事 |
JX 是一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp。
JX 是模块化的非侵入式Web前端框架,开发于2008年,并于2009年开源于GoogleCode ,于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发,特别适合构建和组织大规模、工业级的Web App,腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发,兼容目前所有主流浏览器。
2. KISSY(淘宝)
KISSY是淘宝的前端类库,几乎在淘宝的每个页面上都能看到它的身影。KISSY提供稳定的核心,包括 oo、dom、Event、Anim、Ajax 等;强大且易用的脚本加载器,特有的 loader;丰富的UI组件,包括 Switchable、Overlay、Draggable and Droppable 等。KISSY具备模块化、高扩展性、组件齐全等特性。
3. QWrap(百度)
QWrap是百度有啊前端团队推出的一个Javascript框架,支持IE6+、Firefox、Chrome、Safari、Opera等浏览器,在BSD协议下开源发布。QWrap的特点如下:
1. 提供jQuery一样方便的dom功能,同时又打破jQuery“专注于dom”的约束,也提供非dom的许多功能。
2. 提供prototype方便的原型功能,同时又提供Javascript1.6的泛型功能,并且提供用户有选择方便与严谨的自由。
3. 提供YUI2一样的静态方法库,同时又用所谓的Helper规范来做到真正的绝对静态,让组件开发者可以发布出无依赖的组件。
4. 学习YUI3的use,同时又摈弃YUI3的严谨性洁癖,让use更实用。
5. QWrap独创特的Helper + Wrap + Retouch + Apps设计,让QWrap有更多的灵性等
4. Tangram(百度)
Tangram是一款实用的JavaScript基础库,通过它可以快速构建出高度互动的Web应用程序。Tangram具有全浏览器兼容,平滑升级体验以及自由定制输出最小尺寸的特点。
5. Como(康尚实验室)
Como由上海康尚实验室开发,是一款简易而功能强大的JS框架,对String等原生对象进行了扩展,支持常用的CSS选择器,高效的动画播放,强大的包扩展机制,支持类的继承等。
6.PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。
7.sencha Touch 是全球领先的应用程序开发框架,其设计旨在充分
利用HTML5、CSS3 和Javascript 来实现最高级别的功能、灵活性和优化。Sencha Touch
是针对下一代具有触摸屏设备的跨平台框架
8.Appcelerator应用的语言——Web Expression Language,是一种对HTML的扩展,它采用直观、声明的方法来构建动态的web应用。
下载TitaniumStudio来创建,管理,开发,跟踪和部署Titanium移动应用程序。
在下载TitaniumStudio之前,必须有一个Appcelerator的账号,你可以在Appcelerator网站上注册一个,注册地址( https://my.appcelerator.com/auth/signup ),利用这个账号,开发者可以使用Appcelerator提供的云服务。
访问http://www.appcelerator.com/platform,在页面上点击“DownloadTitanium”下载Titanium Studio安装程序.
双击Titanium Studio安装程序来安装。对OS X系统,安装文件是个dmg文件;对windows系统, 安装文件是exe;对Linux系统,安装文件是.zip格式。
9.Titanium
网址 http://www.appcelerator.com/
10.jQuery
Mobile
jQuery Mobile[1-2]是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站
网址
11.kendu
ui
http://www.kendoui.com/
12.appCan
网址 http://www.appcan.cn/
13.Foundation
4前端框架来帮助简化响应式设计开发
和twitter的bootstrap前端框架
网址 http://foundation.zurb.com/
14.zepto.js
网址:http://zeptojs.com/
15.kort.js
网址 :
http://lab.hakim.se/kort/
随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页展示需要考虑到各个终端的具体差异。因此,响应式设计受到了大家的推崇。通过文中的9个免费的响应式设计模板,希望能帮大家了解这种技术以及提高工作效率。
1、TXT
这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。
2、VERTI
一个基于HTML5和CSS3的模板。可以分列,同时提供博客和主页的模板。立升www.hnlitree.com
3、LEFTER
如果你是一个初学者,希望做一个令人印象深刻的博客,那么这将是一个最合适的模板。
这个响应式模板是完全免费的,无论是商业还是个人制作开发的项目都适用。长沙净水器www.hnlitree.com
Symfoni是一个免费的网站模板,基于固定宽度的两列布局,并使用了HTML5的DOCTYPE。
一个响应式网站模板的设计框架。
Proximet是一个免费的HTML5 / CSS3响应模板,可兼容主流浏览器,智能手机和平板,通过调整浏览器窗口就可以看见其效果。
8、MINIMAL
一个响应式网站模板,是不错的圆滑和简单组合网站的理想选择。
这种模板使用了CSS3的动画效果。虽然现在还不尽人意,但利用这个可以创建令人印象深刻的在线简历。
所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。