图片 17

10个为设计者准备的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

图片 1

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

Online Pattern Generator Tool

图片 2

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

Online XRay Tool

图片 3

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

Online Automatoon (animation) Tool

图片 4

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

图片 5

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

Online SVG to HTML5 Canvas
Tool

图片 6

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

Chrome Ajax Animator
Tool

图片 7

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

 

赞 1 收藏 1
评论

图片 8

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

Online Sprite Box Tool

图片 9

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

Online Font Testing Tool

图片 10

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

Online Velocity Sketch Tool

图片 11

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

Online Pattern Generator Tool

图片 12

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

Online XRay Tool

图片 13

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

Online Automatoon (animation) Tool

图片 14

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

Online HTML5 Audio Maker Tool

图片 15

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

Online SVG to HTML5 Canvas Tool

图片 16

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

Chrome Ajax Animator Tool

图片 17

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

文章出自:开源中国社区

(责任编辑:夏梦竹)