加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

移动端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 这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用 

网址 http://www.appcelerator.com/

10.jQuery Mobile 

jQuery Mobile[1-2]是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站

网址  http://jquerymobile.com/


11.kendu ui 是一个用于开发现在HTML UI操作界面的框架。基于最新技术HTML5、CSS3和JavaScript标准设计开发。Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。

http://www.kendoui.com/

12.appCan AppCan移动应用开发平台,具有开发速度快和运行速度快的“双快”特点,是国内Hybrid App混合模式开发技术的倡导者和领导者。

网址 http://www.appcan.cn/

13.Foundation 4前端框架来帮助简化响应式设计开发 和twitter的bootstrap前端框架 

网址 http://foundation.zurb.com/

14.zepto.js 一个基于zepto.js的页面切换类,支持跟随滑动和不跟随滑动换页 

网址:http://zeptojs.com/

15.kort.js 支持手触 富有创意的缩略图系列展示javascript类库 相关网站 

网址 : http://lab.hakim.se/kort/ 


随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页展示需要考虑到各个终端的具体差异。因此,响应式设计受到了大家的推崇。通过文中的9个免费的响应式设计模板,希望能帮大家了解这种技术以及提高工作效率。

  1、TXT

  这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。

  2、VERTI

  一个基于HTML5和CSS3的模板。可以分列,同时提供博客和主页的模板。立升www.hnlitree.com

  3、LEFTER

  如果你是一个初学者,希望做一个令人印象深刻的博客,那么这将是一个最合适的模板。

     4、RESPOND 1.5

  这个响应式模板是完全免费的,无论是商业还是个人制作开发的项目都适用。长沙净水器www.hnlitree.com

    5、SYMFONI

  Symfoni是一个免费的网站模板,基于固定宽度的两列布局,并使用了HTML5的DOCTYPE。

    6、TRI

  一个响应式网站模板的设计框架。

     7、PROXIMET

  Proximet是一个免费的HTML5 / CSS3响应模板,可兼容主流浏览器,智能手机和平板,通过调整浏览器窗口就可以看见其效果。

8、MINIMAL

  一个响应式网站模板,是不错的圆滑和简单组合网站的理想选择。

      9、RESPONSIVE HTML/CSS3简历模板

  这种模板使用了CSS3的动画效果。虽然现在还不尽人意,但利用这个可以创建令人印象深刻的在线简历。

所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有