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浏览器。