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 表示会在未来增加支持。
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 或其他播放技术。