html在线编程工具,6 个强大的 HTML5 应用在线开发工具

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

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

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

1.   Adobe Edge Animate

0486146b376afc47464ae973242dfe97.png

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

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

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

2.   HTML KickStart

eb8268652a824e18146e3949c2299c2d.png

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

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

价格:免费        www.99lime.com

3.   HTML5 Reset

4456f08a8d78f968976a6447c2972c5c.png

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

价格:免费        http://html5reset.org/

4.   Liveweave

713e54cc8ffe7836d822c685ca52e40d.png

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

价格:免费        http://liveweave.com/

5.   Modernizr

3958b59b9407a6c20d61169e912d5039.png

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

价格:免费        http://modernizr.com/

6.   Video.js

0d615808d3eaf9147051cb2407d41a7c.png

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

价格:免费        www.videojs.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值