【转】6 个强大的 HTML5 应用在线开发工具
2012-12-27 14:39
369 查看
转自
Ruby's Louvre http://www.cnblogs.com/rubylouvre/archive/2012/12/27/2835197.html
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
Ruby's Louvre http://www.cnblogs.com/rubylouvre/archive/2012/12/27/2835197.html
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
相关文章推荐
- 6 个强大的 HTML5 应用在线开发工具
- 6 个强大的 HTML5 应用在线开发工具
- 6 个强大的 HTML5 应用在线开发工具
- [HTML5_工具]HTML5应用在线开发工具
- Javascript SDK:轻松开发HTML5应用的必备工具
- 非常强大的在线开发平台加工具和资源
- [HTML5]必须Mark!最佳HTML5应用开发工具推荐
- Javascript SDK:轻松开发HTML5应用的必备工具
- web开发设计人员不可不用的在线web工具网站和应用
- CodeTEST嵌入式软件在线测试与分析工具在嵌入式系统开发中的应用
- 最佳HTML5应用开发工具推荐
- 20岁印度工程师谈HTML5、CSS3开发Android和iOS应用--各语言开发安卓工具
- 强大的HTML5开发工具推荐
- 在进行嵌入式开发之前,首先要建立一个交叉编译环境,这是一套编译器、连接器和libc库等组成的开发环境。文章通过一个具体的例子说明了这些嵌入式交叉编译开发工具的制作过程。 随着消费类电子产品的大量开发和应用和Linux操作系统的不断健壮和强大,嵌入式系统越来
- web开发设计人员不可不用的在线web工具网站和应用
- 必须Mark!最佳HTML5应用开发工具推荐
- 必须Mark!最佳HTML5应用开发工具推荐
- 3 款强大的 HTML5 游戏快速开发工具推荐