为Web设计员准备的12个HTML5在线工具,十个为设计

作者: 前端知识  发布:2019-06-26

为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

本文由金沙澳门官网发布于前端知识,转载请注明出处:为Web设计员准备的12个HTML5在线工具,十个为设计

关键词: 金沙澳门官网