为Web设计师准备的10个HTML5在线工具,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 意味着你的做事可支撑 索尼爱立信/三星GALAXY Tab和 Android 设备。  
  Online HTML5 Audio Maker Tool

亚洲必赢官网 5

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

Online SVG to HTML5 Canvas
Tool

亚洲必赢官网 6

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

为Web设计师准备的10个HTML5在线工具,10个为设计者准备的HTML5在线工具。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
7-Up 样式。

亚洲必赢官网 9

亚洲必赢官网 10

亚洲必赢官网 11

Online Pattern Generator Tool

那是一款在线纹理生成工具,当设计师须要打造网页背景的时候,它可以帮上大忙。那款工具提供了无数的布局选项,使用极度简单,太棒了!

亚洲必赢官网 12

肖像压缩在今日非凡流行,它推动许多功利,可下跌带宽占用和升高加载速度。该工具使用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文件,然后他们将在便捷查看列表中展现。很多免费网站存在在那里,你所要做的是简简单单地输入到谷歌(Google)的“字体”。

一个荣耀的书体是其余网页设计的一个要命首要的一有的,它是一种责任,每一个设计师,要挑最好的的字体。在线字体测试工具是一个惊人的书体书签,让你立时在一个新的字体查看的其他网页,甚至不曾改动任何HTML或CSS。您可以拖动到顶部的工具栏font.ttf文件,然后他们将在飞速查看列表中呈现。很多免费网站存在在那边,你所要做的是简单地输入到谷歌(谷歌)的“字体”。

Online XRay Tool

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

亚洲必赢官网 18

Online Velocity Sketch Tool

Online Velocity Sketch Tool

Online Automatoon (animation) Tool

Automatoon
是一款完全依照HTML5花费的在线工作成立工具,完全没有运用Flash,制作的卡通能运作于
Samsungs、三星GALAXY Tab、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意味着你的劳作可协理Nokia/surface和Android设备。

那是一个纯HTML5工具,无需Flash意味着你的行事可协助One plus/GALAXY Tab和Android设备。

Online HTML5 Audio Maker Tool

Online HTML5 Audio Maker Tool

亚洲必赢官网 31

亚洲必赢官网 32

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

HTML5足以让大家选用audio标签,Online HTML5 奥迪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地图