网络上涌现出越来越多的优秀 sbf282.com：HTML5，　

为Web设计师准备的10个HTML5在线工具

2011/10/27 · HTML5 · 1 评论 · HTML5

注：英文原文 webdesignledger

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

 

赞 1 收藏 1 评论

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

Online Sprite Box Tool

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

Online Pattern Generator Tool

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

Online 3D Sketch Tool

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

Online Font Testing Tool

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

Online Velocity Sketch Tool

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

本文由胜博发-前端发布，转载请注明来源：网络上涌现出越来越多的优秀 sbf282.com：HTML5，