十款非常优秀的 HTML5 在线设计工具

网络有很多优秀的设计和开发工具可能大家都不知道，因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具，这些工具能够帮助设计师们设计出更有创意的作品。随着 HTML5 技术的不断成熟，网络上涌现出越来越多的优秀 HTML5 应用，一起看看下面这些很棒的工具。

这款在线的 CSS Sprite 样式生成工具，结合 jQuery、CSS3 和 HTML5 开发，能够帮助你快速的生成 CSS Sprite 样式。

这是一款在线纹理生成工具，当设计师需要制作网页背景的时候，它能够帮上大忙。这款工具提供了很多的配置选项，使用非常简单，太棒了！

这是一款很特别的绘图工具，使用功能强大的 HTML5 Canvas 来实现 3D 绘图功能。向让画布进行立体选择，你需要按住空格键并水平拖动鼠标，非常酷！

对于设计师来说，选择一款合适的字体是一个艰难的过程。这款非常棒的字体测试工具可以帮助设计师即时浏览新字体在页面中的现实效果，不要修改任何的 HTML 或者 CSS 代码，只需要把字体文件拖放的顶部的工具栏中，新字体就会出现在下拉列表中。

这是一款基于 HTML5 的在线素描工具，能在在线绘制一些奇特的东西，图片显示的就是我随手画的，我相信设计师们能够画出更加有创意的东西。

通过这款工具，你可以查看到任何页面上的元素细节，类似于 Firebug 的元素查看工具，不过这个是在线的，不需要安装插件，只需要把它们网站上的一个书签项放到书签栏，使用的时候点击该书签，然后再点击需要查看的元素就可以了。

Automatoon 是一款完全基于 HTML5 开发的在线工作制作工具，完全没有使用 Flash，制作的动画能运行于 iPhones、iPad、Android 设备以及各种常见浏览器。

随着 HTML5 发展，会有越来越多的 HTML5 网站开始使用强大的 HTML5 audio 标签功能。这个在线 audio 生成工具能够帮助你了解 HTML5 audio 提供的各种新特性，还有一款类似的在线 HTML5 video 制作工具。

所有的矢量艺术包(Illustrator、Inkscape 等等) 都能够导出为 SVG (可缩放矢量图形)，而这款工具帮助帮助你把 SVG 文件转换成 HTML5 canvas。

这是一个跨平台的动画工具，在线和离线都能使用。你只需要安装有 Chrome 浏览器，然后通过快速指导教程引导入门，是一款对 HTML5 动画初学者非常有用的工具。

本站大部分资源收集于网络，只做学习和交流使用，版权归原作者所有；若为付费内容，请在下载后 24 小时之内自觉删除，若作商业用途请购买正版；如果有版权争议，请发送邮件至 master@digac.cc（请留下写明原因和文章链接），我们将及时处理，谢谢！