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

相关推荐

  • 英国各大院校交互设计专业的侧重点!

    随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在选择留学时,都会考虑英国的交互设计专业。交互设计专业在英国已经有半个世纪的历史,教学模式是:用心理学发现问题,用数学证明问题,用计算机解决问题。英国交互设计专业分为两个方向:1.Human Computer Interaction(HCI,人机交互设计)...

    2018-04-27
  • 新手入门:交互设计师的知识架构

    如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本《交互设计学习大纲》就…

    2016-01-26
  • 提升用户验证,要好好考虑几件事情

    出色的移动端用户验证是怎样的?减少注册和登录的痛苦?

    2017-05-06
  • Web页面中的表格设计,远没那么简单

    表格的设计远远没有想象的那么简单,除了纯粹的数据展示,现在的表格越来越兼顾到一些导航的功能在里面,不仅仅纵向展示数据,在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。

    2017-05-02
  • 2018年用户体验趋势(二)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#4每个界面都是一个故事设计世界中的讲故事和写作从未如此现实过。随着客户的体验旅程越来越碎片化,我们要确保在不同渠道中讲述连贯的品牌故事,并且这些故事清晰、有趣、富有人性。有段时间,大概是几年前,我们听说过显微术语。但是到了2017年,业内人士发现,不仅要重视在设计...

    2018-03-02
  • 交互设计的综合性——后APP时代交互设计师的主场

    作者:司马西   1. 后APP时代-用户时间的争夺战 近几年来,移动互联的普及,各大厂商为了抢占市场激烈竞争。然而硝烟散去,我们统计并回视移动互联网的App世界,各大行业(包括:新闻、游戏、餐饮、医疗、教育、金…

    交互专题 2017-08-07
  • UI设计有哪些规范?

    UI设计有哪些规范?可能很多小伙伴都在工作中思考过这个问题,现在作者总结了一些UI的设计规范,给大家做个参考。

    2017-05-22
  • Android 和 iOS:两个系统交互设计的不同之处在哪?

    iOS 和 Android 的设计还有许许多多的不同之处,比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中,设计师们可以更多的去思考两者的异同,并且更多的关注一下 Android 系统独有特性的运用,不仅仅节省了开发成本,同时也更好的为 Android 用户所接受。1dp(Android)=1pt(iOS)
    以48dp@160dpi计算的话
    mdpi 48px (160dpi, 1x) 基础尺寸,已经非常少使用
    hdpi 72px (240dpi, 1.5x)低分辨率
    xhdpi 96px (320dpi, 2x) 同iOS @2x
    xxdpi 144px (480dpi, 3x) 同iOS @3x
    xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

    2017-05-06
  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • UI交互设计只需掌握这3点

    说到交互设计,就不能不提需求,因为所有的交互设计的工作都是基于需求,这也是交互设计的第一个着力点。因此,只有深刻理解需求以后,才有可能做出好的交互设计。举一个饱含血泪的例子:在做一个项目的过程中,有一个需求是要将一个应用的数据展示做一下调整,使之能够查看在三个月之内的该数据。当时,自以为已经很了解需求,只是将时间限制放开到三个月,同时,数据的展示限制在一个月内。也就是说,可以查看三个月内任意小于三十天的时间段。优点是:1)满足了需求;2...

    2018-02-27