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

相关推荐

  • 读书会第二期:《用户体验要素》(下)

    接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

    2018-04-13
  • 设计师进阶:从UED向UXD转型

    UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?

    三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。

    2017-05-12
  • 交互设计新人在阿里的走心实习总结 ▏新手设计成长指南

    互联网行业的设计师,工作中是埋头苦干?还是想要寻找一些能真正提升自己的“诀窍”?其实很多时候,所谓“诀窍”,就是厘清自己的思路,让成长有正确的方向。本文的作者走心地梳理了他在阿里几个月的实习期里为他留下…

    2017-08-04
  • 写给想要从事交互或者刚从事交互的盆友们

    本文作者是从一个工业设计毕业的学生,走过平面设计,做过UI设计,一步步转行到现在所喜爱的UX设计,并且一直处在努力开心地进步着的状态中。在本文中,也只想通过结合自己的经历和周围同学、同行的状况给大家一些实在的帮助。

    2017-05-08
  • UI最佳实践:深度解析模态窗口

    模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人,人们本能地自动关闭这些窗口。

    2017-05-05
  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • 为长文进行排版设计,有哪些讲究?

    长内容的可以让你的网站拥有超越视觉美感的吸引力,给用户的愉悦感就不仅仅源自于眼睛。

    2017-05-14
  • 浅谈设计中的逻辑

    逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所…

    2014-09-19
  • 4个关键词总结,如何把用户体验做到极致?

    作者:@烧包鹿全文共 4530 字 6 图,阅读需要 10 分钟———— / BEGIN / ————上周五约了朋友吃晚饭,提前约的顺风车。由于堵车,司机到了办公区的北门。经过沟通,我从定位地点过去找他。四扇车窗都是开的,他坐在驾驶位,烟刚抽了三分之二,后视镜旁还有未散尽的烟雾。他回头看见了我,我朝他微笑示意。确认了眼神,我是他的乘客。他马上把烟灭了,左手在空中挥了挥,右手向左转了一下空调按钮,抬起头在空中胡乱吹了几口气。隔着车窗看见副...

    2018-04-30
  • 【交互设计】信息图(infographic)的圆形表达

    信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息。公元1958年,Stephen Toulmin提出了一种图形化的理论…

    2017-08-01