HTML5 日渐火热，不管是作为开发者还是设计师而言，本文专为 Web 设计师介绍 10 个在线的 HTML5 工具。

Online Sprite Box Tool

照片压缩在今天非常流行，它带来很多好处，可降低带宽占用和提升加载速度。该工具使用 jQuery /CSS3 和 HTML5 开发，通过相当方式来调整你的照片。

Online Font Testing Tool

一个体面的字体是任何网页设计的一个非常重要的一部分，它是一种责任，每一个设计师，要挑最好的的字体。在线字体测试工具是一个惊人的字体书签，让您即刻在一个新的字体查看的任何网页，甚至没有改变任何HTML或CSS。您可以拖动到顶部的工具栏font.ttf文件，然后他们将在快速查看列表中显示。很多免费网站存在在那里，你所要做的是简单地输入到谷歌的“字体”。

Online Velocity Sketch Tool

这是一个在线使用 HTML5 Canvas 技术的绘图工具

Online Pattern Generator Tool

Online Pattern Generator Tool 是一个很酷的工具，可让网页设计师创建页面背景以及头部背景，提供大量的参数用来调整背景。

Online XRay Tool

该工具可以让你直观的显示页面各个元素的详情。

Online Automatoon (animation) Tool

这是一个纯 HTML5 工具，无需 Flash 意味着你的工作可支持 iPhone/iPad 和 Android 设备。

Online HTML5 Audio Maker Tool

HTML5 可以让我们使用 audio 标签，Online HTML5 Audio Maker Tool 是一个很棒的工具用来更高效的生成 audio 标签。

Online SVG to HTML5 Canvas Tool

大多数矢量图制作软件 (Illustrator, Inkscape 等) 可导出 SVG 文件 (Scalable Vector Graphics). 该工具可以让你将 SVG 文件转成 HTML5 Canvas ，很酷吧？

Chrome Ajax Animator Tool

Chrome Ajax Animator Tool 是一个基于 HTML5 的 web 动画套件，可在线和离线使用，但只支持 Chrome 浏览器。