HTML5规范尘埃落定,5个开发工具推荐

摘要:关于HTML5开发工具,专制动画的HTML5 Maker、构建原生应用的SproutCore和着眼可维护性和性能设计的MontageJS等。

HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长,DCloud CEO王安也发表了文章,从开发者和用户两个角度分析了HTML对两个人群的优势。其实,关于HTML5的开发工具,我们以往的文章已经介绍了很多,而这次所分享的则是过去未提到或没有详细介绍但又实用的五个HTML5开发工具。

1. HTML5 Maker

在未来的几年里,HTML5动画将会成为一个很庞大的东西,并不仅仅因为它是显示Web动画的有效途径,还因为广告公司将会大量使用它。HTML5 Maker是一个可以轻松创建动画效果的工具,拥有数十个模板供你选择,你不再需要花费时间从头开始做动画,此外,这个工具是为产品创建横幅广告的不错选择。

546593387a816_middle

主要特性:

  • 响应动画:适用于所有设备的不同屏幕。
  • 模板:拥有专业高质量设计的模板。
  • 库:拥有图标、按钮、箭头、背景等众多资源。
  • 嵌入与分享:轻松地从云中将创建好的动画嵌入到网站或博客中去。
  • 云端:随时编辑和下载,与客户、团队和朋友共同分享模板。

2. SproutCore

SproutCore是一个开源的JS-MVC框架,用于快速构建原生的Web应用。SproutCore已经存在很多年了,它的目标是能在浏览器中提供极佳的桌面效果应用而无需任何浏览器插件。而且,SproutCore还能和任何后端服务器技术搭配使用。

5465ba17c6aa1_middle

3. Tumult Hype

使用Tumult Hype,你可以创建出非常漂亮的HTML5 Web内容,通过它制作出的交互式内容和动画可以在桌面、智能手机和iPad上无压力运行,而且还没有编码要求。不过有一点,Tumult Hype是收费的。

5465a64d86e49_middle

主要特性:

  • 支持多浏览器
  • 内置支持HTML5音频和视频,允许创建多媒体。Tumult Hype采用各种先进功能,其中包括模糊、色调偏移、3D转换等。
  • 支持移动设备。

4. MontageJSMontageJS是一个开源的HTML5框架,着眼于可维护性和性能设计。MontageJS通过提供模块化组件、实时双向数据绑定、事件处理、CommonJS依赖管理等简化了HTML5的开发,帮助构建强大的单页Web应用。

5465afb55babe_middle

主要特性:

  • 面向组件的模板:这些HTML模板封装组件的JavaScript代码,以及资源,比如CSS文件和图像。
  • 功能性反应绑定(FRB):MontageJS支持组件、对象和集合之间的双向数据绑定,允许你去协调视图和模型之间的状态。
  • 可重用组件
  • 高性能

5. LimeJS

LimeJS是一个开源的HTML5游戏框架,可以帮助你快速开发具有原生体验的游戏,并适用于所有的移动终端,代码已托管至Github上。LimeJS提供了一些简化游戏开发的功能、一些场景和灵活的事件管理机制,并附带动画和效果转换机制。

5465cb1f01b8c_middle

主要特性:

  • 基本集成Box2D
  • 更好的音频支持
  • 支持本地缓存
  • WebGL渲染器
  • 跨平台
关于艾欧交互学堂:UED.xyz|https://www.iamue.com专注交互设计,开源免费分享交互设计经验 公众号:aioued |微博:@艾欧交互学堂网|学堂QQ群:156360020采用邀请制入群 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1465/

(0)
iouedioued
上一篇 2014-11-19
下一篇 2014-11-20

相关推荐

  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 设计只在需要时 —— “暂停”按钮的消失又出现

      很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
      对于现实中的声音播放工具,大家应该不陌生吧。录音机、walkman、CD随身听,虽然这是上个世纪甚至上上世纪的名字,但是也不至于让现在沉溺于虚拟世界的人们彻底忘记(90后除外)。我们只是去回味这些古老工具的播放控制按钮,也是能够品味出优良的设计思想的。

    2017-08-04
  • App收银台交互设计思考

    数十万互联网从业者的共同关注!作者:柒0。作者授权早读课转载。来源:简书编辑:Juvae最近完成了“app收银台设计重构”的需求(一期为“账户充值”),作为一个刚毕业的交互新人,踩了一些坑,总结了这次思考的过程与…

    2017-08-01
  • 浅析设计图表色彩的简单方式

    译者按:对色彩的研究通常要么太过随意缺乏逻辑,要不太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。对色盲色弱来不够友好*:原文中问题一的标题是“Low Accessibility”,通常用形容来产品对残障人士的友好度不够,这一点在欧美国家经常作为需要重视的产品硬指标(也是由于他们的色盲色弱发病率比亚洲高很多)。因为在中文里没有简短精准的说法,所以我在写的是“对色盲色弱不够友好”。
    逻辑性较强的人*:原文的写法是“left-brained folks”,直译是左脑型的人。通常左脑型的人被认为逻辑严谨,右脑型的人被认为有艺术天赋。因为这种说法在中文里不是很通用,所以我写的是“逻辑性较强的人”。

    2017-05-01
  • 用户体验设计中的简单与复杂

    当大大小小的界面设计案都做过一轮之后,你就会发现,做一台小小的MP3拨放器,跟搞一台智能型机器人,过程中会遇到的问题,其实都是很类似的。所谓的简单与复杂,并不在于案子的规模,而在于你看事情的角度。 &nbsp…

    2014-12-05
  • 当你画线框图时,你应该想些什么?

    我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

    2017-05-21
  • 【CIO说】花椒直播韩三普:用户体验与核心技术才是硬实力

    本期推荐韩  三  普花 椒 直 播 CTO社交直播作为一个年轻的行业,”高富帅”表现出的强大增长和吸金实力虽让业外人士倍感羡慕,然而作为一个严重依赖技术、用户体验要求极高的行业,流量等时代红利已经不能称其为门槛。如何打造平台差异化的竞争力?近日,花椒直播CTO韩三普接受了ENI经济和信息化网的采访,分享了花椒直播快速增长背后技术所提供的强大支持。并结合当下创新趋势,分享了直播在其中可发挥的作用。亮点提炼如何打造平台差异化的竞争力,以核...

    2018-04-26
  • Axure RP 8软件和安装教程

    Axure RP 8(64位)下载链接:百度网盘:https://pan.baidu.com/s/1hsfD3Kg提取密码:ivma软件简介:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。(仅供学习交流使用)安装前须知:1.解压和安装前请关闭...

    2018-04-17
  • 如何应对「为什么用这个颜色/字体/按钮」的问题?

    作为一名设计师,被质疑简直是家常便饭。相信你们在日常工作中,一定被人问过:“对于这个点,你为什么这样做而不是那样?为什么选这个颜色而不是那个?”之类的问题。其实,这也是面试中的必问问题。乍看起来,确实有点难回答。但每一个问题,其实都有他的思考路线图。今天笔者就来谈谈,如何通过交互的四个维度来入手,巧妙地破解这个问题。你为什么要设计一个白色的登录按钮?为什么选这个字体?

    2017-05-15
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23