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

红薯
 红薯
发布于 2011年10月27日
收藏 58

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

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:10 个为设计者准备的 HTML5 在线工具
加载中

最新评论(2

老腊肉
老腊肉
很好,继续用我的IE6
WickyHe
WickyHe
mark!
返回顶部
顶部