10个为设计者准备的HTML5在线工具,为Web设计师准备的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
文件,然后他们将在高效查看列表中呈现。很多免费网站存在在那里,你所要做的是简单地输入到谷歌(Google)的“字体”。

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 意味着你的办事可支撑 魅族/苹果平板和 Android 设备。  
  10个为设计者准备的HTML5在线工具,为Web设计师准备的10个HTML5在线工具。Online HTML5 Audio Maker Tool

美高梅开户网址 5

  HTML5 可以让咱们应用 audio 标签,Online HTML5 奥迪o 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工具。

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

  互连网有成百上千名特优的规划和开发工具可能我们都不知晓,由此那篇作品就向设计师推荐十款良好HTML5 在线工具,这一个工具能够支持设计师们设计出更有新意的小说。随着 HTML5
技术的连绵不断成熟,互连网上涌现出更加多的出色 HTML5
应用,一起探访下边那些很棒的工具。

Online Sprite Box Tool

Online Sprite Box Tool

Online Sprite Box Tool

那款在线的 CSS 百事可乐样式生成工具,结合jQuery、CSS3和HTML5付出,可以帮忙你飞速的生成CSS
七喜 样式。

美高梅开户网址 9

美高梅开户网址 10

美高梅开户网址 11

Online Pattern Generator Tool

那是一款在线纹理生成工具,当设计师需求创造网页背景的时候,它可以帮上大忙。那款工具提供了众多的配置选项,使用非凡简单,太棒了!

美高梅开户网址 12

照片压缩在前几天丰富流行,它推动众Dolly益,可下跌带宽占用和升级加载速度。该工具使用jQuery/CSS3和HTML5开支,通过一对一方式来调动你的照片。

照片压缩在今天非常流行,它推动众多益处,可下降带宽占用和升级加载速度。该工具使用jQuery/CSS3和HTML5付出,通过一定形式来调动你的照片。

Online 3D Sketch Tool

这是一款很特其他绘图工具,使用成效强大的 HTML5 Canvas
来促成3D绘图功效。向让画布举办立体选拔,你要求按住空格键并水平拖动鼠标,万分酷!

美高梅开户网址 13

Online Font Testing Tool

Online Font Testing Tool

Online Font Testing Tool

对于设计师来说,采纳一款合适的字体是一个不便的长河。那款极度棒的书体测试工具可以帮忙设计师即时浏览新字体在页面中的现实效益,不要改动任何的HTML或者CSS代码,只须求把字体文件拖放的顶部的工具栏中,新字体就会并发在下拉列表中。

美高梅开户网址 14

美高梅开户网址 15

美高梅开户网址 16

Online Velocity Sketch Tool

那是一款基于HTML5的在线水墨画工具,能在在线绘制一些奇幻的东西,图片展现的就是自己随手画的,我相信设计师们可以画出越来越有新意的事物。

美高梅开户网址 17

一个荣誉的字体是其他网页设计的一个格外重大的一有些,它是一种义务,每一个设计师,要挑最好的的书体。在线字体测试工具是一个惊人的书体书签,让您立刻在一个新的书体查看的其他网页,甚至没有变动任何HTML或CSS。您能够拖动到顶部的工具栏font.ttf文件,然后他们将在高速查看列表中呈现。很多免费网站存在在那里,你所要做的是简约地输入到谷歌的“字体”。

一个荣幸的字体是其余网页设计的一个极度紧要的一片段,它是一种任务,每一个设计师,要挑最好的的书体。在线字体测试工具是一个震惊的字体书签,让你及时在一个新的书体查看的别样网页,甚至尚未更改任何HTML或CSS。您可以拖动到顶部的工具栏font.ttf文件,然后他们将在飞速查看列表中显示。很多免费网站存在在那边,你所要做的是粗略地输入到谷歌的“字体”。

Online XRay Tool

经过那款工具,你可以查阅到任何页面上的因素细节,
类似于Firebug的要素查看工具,不过这些是在线的,不要求设置插件,只必要把它们网站上的一个书签项放到书签栏,使用的时候点击该书签,然后再点击须要查阅的要素就足以了。

美高梅开户网址 18

Online Velocity Sketch Tool

Online Velocity Sketch Tool

Online Automatoon (animation) Tool

Automatoon
是一款完全根据HTML5支付的在线工作创造工具,完全没有行使Flash,制作的动画能运行于
Motorolas、华为平板、Android设备以及各个大规模浏览器。

美高梅开户网址 19

美高梅开户网址 20

美高梅开户网址 21

Online HTML5 Audio Maker Tool

乘势HTML5升华,会有越多的HTML5网站起头利用强劲的HTML5
audio标签效应。那几个在线 audio 生成工具可以辅助您询问HTML5
audio提供的各个新特性,还有一款看似的在线 HTML5 video 制作工具 。

美高梅开户网址 22

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

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

Online SVG to HTML5 Canvas Tool

不无的矢量艺术包(Illustrator、Inkscape 等等) 都能够导出为 SVG
(可缩放矢量图形),而这款工具协理支持您把SVG文件转换成HTML5 canvas。

美高梅开户网址 23

Online Pattern Generator Tool

Online Pattern Generator Tool

Chrome Ajax Animator Tool

那是一个跨平台的动画片工具,在线和离线都能使用。你只须要设置有Chrome浏览器,然后通过疾速指点教程指导入门,是一款对HTML5
动画初学者格外有效的工具。

美高梅开户网址 24

美高梅开户网址 25

美高梅开户网址 26

你或许还喜爱

 

  • 九个令人可疑的HTML5和JavaScript实验
  • 令人眼花缭乱的 HTML5 和 JavaScript 效果
  • 引进18个基于 HTML 5 Canvas 开发的图表库
  • 美高梅开户网址,29款基于 HTML5 Canvas 开发的网页游戏
  • 五大主流浏览器 CSS3 和 HTML5 包容性大比拼

 

英文链接:10 Online HTML5 Tools For Web Designers

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


Online Pattern Generator
Tool是一个很酷的工具,可让网页设计师成立页面背景以及底部背景,提供多量的参数用来调动背景。

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

Online XRay Tool

Online XRay Tool

美高梅开户网址 27

美高梅开户网址 28

该工具得以让您直观的彰显页面种种要素的详情。

该工具得以让你直观的体现页面各种要素的详情。

Online Automatoon (animation) Tool

Online Automatoon (animation) Tool

美高梅开户网址 29

美高梅开户网址 30

那是一个纯HTML5工具,无需Flash意味着你的干活可支撑BlackBerry/苹果平板和Android设备。

那是一个纯HTML5工具,无需Flash意味着你的办事可支撑OPPO/三星平板和Android设备。

Online HTML5 Audio Maker Tool

Online HTML5 Audio Maker Tool

美高梅开户网址 31

美高梅开户网址 32

HTML5足以让大家使用audio标签,Online HTML5 奥迪(Audi)o Maker
Tool是一个很棒的工具用来更迅捷的生成audio标签。

HTML5足以让大家选用audio标签,Online HTML5 奥迪(Audi)o Maker
Tool是一个很棒的工具用来更急速的生成audio标签。

Online SVG to HTML5 Canvas Tool

Online SVG to HTML5 Canvas Tool

美高梅开户网址 33

美高梅开户网址 34

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

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

Chrome Ajax Animator Tool

Chrome Ajax Animator Tool

美高梅开户网址 35

美高梅开户网址 36

Chrome Ajax Animator
Tool是一个按照HTML5的Web动画套件,可在线和离线使用,但只扶助Chrome浏览器。

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

小说来源:开源中国社区

文章来源:开源中国社区

(权利编辑:夏梦竹)

(权利编辑:夏梦竹)

 


 


发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图