6 个强大的 HTML5 应用在线开发工具

标签: html5 应用 在线 | 发表时间:2012-12-27 10:20 | 作者:司徒正美
出处:http://www.cnblogs.com/rubylouvre/

HTML5日渐成为Web开发的主流技术之一,目前,W3C已经完成了HTML5的基本特性,HTML5成为W3C官方标准指日可待。

目前互联网中已经出现了大量基于HTML5的应用,其展示的效果一点也不输Flash,甚至要更为强大。该技术最大的优势是跨平台,甚至未来有可能成为开发移动应用的主要技术。

本文为你带来6个强大的HTML5应用开发工具,希望可以提高你的开发效率。

1.  Adobe Edge Animate

Adobe Edge Animate是一款Adobe开发的全新的工具,致力于寻求适用于HTML5、CSS3和JavaScript的交互、动画编程体验。

该工具有一个类似Flash Pro的用户界面,允许开发者对交互内容、动画进行精准的控制。目前尚不支持HTML5 canvas和audio标签,Adobe表示会在未来增加支持。

价格:单独版 - $10/月,Creative Cloud套件 - $50/月

2.  HTML KickStart

这是一套集合了各种CSS、HTML5和jQuery模块的工具,不仅可以帮助你节省开发时间,还可以帮助你获取HTML5开发的灵感。

该工具包中包含了大量预配置、预格式化的功能块,你可以非常快地实现一些特定的功能,如幻灯、按钮、选项卡等。

价格:免费

3.  HTML5 Reset

HTML5 Reset包含了一组HTML、CSS相关的文件,帮助你在开始新项目的时候节省时间,并提供了基于HTML5的空白WordPress模板。

价格:免费

4.  Liveweave

这是一个HTML5、JavaScript和CSS3代码在线测试工具,你可以直观地看到你的代码的运行情况。此外,该工具还具备代码自动完成功能,你也可以将其作为一个在线IDE来使用。

价格:免费

5.  Modernizr

Modernizr是一个开源的JS库,它使得基于访客浏览器的不同而开发不同级别体验的设计工作变得简单。当你在网页中嵌入Modernizr脚本时,它会检测用户当前浏览器是否支持CSS3和HTML5的特性,然后你可以决定是否创建一个基于JS的fallback,或者对那些不支持的浏览器进行简单的优雅降级。

价格:免费

6.  Video.js

Video.js是一个基于JavaScript的HTML5视频播放器,可以帮你更加简单的构建HTML5视频。Video.js提供了一个通用控件,内置的HTML/CSS皮肤,修复了跨浏览器的兼容性问题,还扩展了许多附加功能,例如全屏、字幕等。如果用户浏览器不支持HTML5视频,还可以退回到Flash或其他播放技术。

价格:免费

Via sitepoint

本文链接

相关 [html5 应用 在线] 推荐:

Swiffy – Flash 转换到 HTML5 | 小众软件 > 在线应用

- manabomb - 小众软件 - Appinn
Flash 大红大紫的日子已经过去了,浏览器厂商们齐心协力整出了 HTML5 标准,抢 Flash 的饭碗;乔教主坚决不让 iPhone 支持 Flash,Adobe 心都挖凉了. 现在 Google 也推出了 Swiffy,免费把 SWF 格式转换为 HTML5 代码,赤裸裸的挖墙脚啊. Google Swiffy 目标用户是网络开发人员,它不能转换 Flash 视频,但对大多数 Action Script 交互型 Flash 支持良好.

6 个强大的 HTML5 应用在线开发工具

- - 博客园_Ruby's Louvre
HTML5日渐成为Web开发的主流技术之一,目前,W3C已经完成了HTML5的基本特性,HTML5成为W3C官方标准指日可待. 目前互联网中已经出现了大量基于HTML5的应用,其展示的效果一点也不输Flash,甚至要更为强大. 该技术最大的优势是跨平台,甚至未来有可能成为开发移动应用的主要技术. 本文为你带来6个强大的HTML5应用开发工具,希望可以提高你的开发效率.

HTML5 在线状态检测

- - HTML5研究小组
如果 Web 应用程序仅仅是一些静态页面的组合,那么通过 cache manifest 缓存资源文件以后,就可以支持离线访问了. 但是随着互联网的发展,特别是 Web2.0 概念流行以来,用户的提交的数据渐渐成为互联网的主流. 那么在开发支持离线的 Web 应用时,就不能仅仅满足于静态页面的展现,还必需考虑如何让用户在离线状态下也可以操作数据.

HTML5漫谈(4)–HTML5应用平台:PhoneGAP

- - HTML5研究小组
(  程宝平 chengbp @gmail.com). http://phonegap.com)按官方说法,是HTML5移动应用平台,它包括两部分:. 1)       应用开发框架:采用Web/HTML5技术编写应用,支持设备能力(如GPS、重力感应等)调用;支持能力插件灵活扩展. 图1 PhoneGAP支持设备能力API列表.

Google发布chrome HTML5应用

- Amom - Solidot
游戏番茄 写道 "早在5月份Google就宣布旗下产品Gmail、Calendar、Docs将支持基于HTML5离线的访问. 如今终于实现了,上述Web服务以应用的方式发布在Chrome商店. 现在进入相关产品页面会提示是否开启离线功能,并引导安装离线版产品应用. 安装后启动新的chrome窗口会显示已安装的新应用,这样即使你离线的情况下,你仍然可以正常访问和使用已经保存在本地数据库的内容.

应用HTML5须知五则

- 幻幽 or A書 - 36氪
HTML5的到来将第五代网络语言带入了多媒体的世界. 尽管HTML5的启动并没有多轰轰烈烈,但是在过去6个月还是有不少的软件开发者开始应用HTML5. 然而,在选择HTML5时,有一些基本注意事项大家还是需要了解的. 网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全. HTML5所购建的网页和其他语言编写的网页一样容易泄露一些敏感数据.

10个HTML5应用演示

- Zhaojing - HTML5研究小组
如果你想知道 HTML5 能做些什么,看看下面这些惊艳的动画示例,相信你看完这些例子后会对未来的 Web 发展充满无限期待. 为了有更好的效果,建议在 Chrome 浏览器中浏览.

走进 HTML5:20个惊艳的 HTML5 Canvas 应用试验

- - 博客园_梦想天空
如今,HTML5 可谓如众星捧月一般,受到众多业内巨头的青睐. 很多 Web 开发者也尝试着用. HTML5 来制作各种 Web 应用. HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过. JavaScript 绘制图形的方法,非常强大.

HTML5令人惊叹的应用范例

- 1625 - Design lol 全球设计精华分享
详情查看原文: 30 Examples of Websites Using HTML5. 10个HTML5的演示, 让你忘记FLASH.

strobe发布全新HTML5应用平台

- pestwave - 36氪
今天,strobe发布了全新的HTML5应用平台. 开发者可以在此平台通过一个标准界面同时为普通电脑,智能手机,平板便携设备开发应用. 仅通过一个界面,开发人员就可以同时管理测试代码和发布代码,支持不同平台(web,Android,iOS等)和多种服务(社交,推送,身份验证等). strobe创建于2010年,融资250万美金.