推荐九款非常优秀的HTML 5在线设计工具

开发 前端
网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品。随着 HTML5 技术的不断成熟,网络上涌现出越来越多的优秀 HTML5 应用,一起看看下面这些很棒的工具。

Online Sprite Box Tool

这款在线的 CSS Sprite 样式生成工具,结合jQuery、CSS3和HTML5开发,能够帮助你快速的生成CSS Sprite 样式。

 

向设计师推荐10款基于 HTML5 的在线工具

 

Online Pattern Generator Tool

这是一款在线纹理生成工具,当设计师需要制作网页背景的时候,它能够帮上大忙。这款工具提供了很多的配置选项,使用非常简单,太棒了!

 

向设计师推荐10款基于 HTML5 的在线工具

 

Online 3D Sketch Tool

这是一款很特别的绘图工具,使用功能强大的 HTML5 Canvas 来实现3D绘图功能。向让画布进行立体选择,你需要按住空格键并水平拖动鼠标,非常酷!

 

向设计师推荐10款基于 HTML5 的在线工具

 

Online Font Testing Tool

对于设计师来说,选择一款合适的字体是一个艰难的过程。这款非常棒的字体测试工具可以帮助设计师即时浏览新字体在页面中的现实效果,不要修改任何的HTML或者CSS代码,只需要把字体文件拖放的顶部的工具栏中,新字体就会出现在下拉列表中。

 

向设计师推荐10款基于 HTML5 的在线工具

 

 

 

Online XRay Tool

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

 

向设计师推荐10款基于 HTML5 的在线工具

 

Online Automatoon (animation) Tool

Automatoon 是一款完全基于HTML5开发的在线工作制作工具,完全没有使用Flash,制作的动画能运行于 iPhones、iPad、Android设备以及各种常见浏览器。

 

[[50305]]

 

Online HTML***udio Maker Tool

随着HTML5发展,会有越来越多的HTML5网站开始使用强大的HTML5 audio标签功能。这个在线 audio 生成工具能够帮助你了解HTML5 audio提供的各种新特性,还有一款类似的在线 HTML5 video 制作工具 。

 

向设计师推荐10款基于 HTML5 的在线工具

 

Online SVG to HTML5 Canvas Tool

所有的矢量艺术包(Illustrator、Inkscape 等等) 都能够导出为 SVG (可缩放矢量图形),而这款工具帮助帮助你把SVG文件转换成HTML5 canvas。

 

向设计师推荐10款基于 HTML5 的在线工具

 

Chrome Ajax Animator Tool

这是一个跨平台的动画工具,在线和离线都能使用。你只需要安装有Chrome浏览器,然后通过快速指导教程引导入门,是一款对HTML5 动画初学者非常有用的工具。

 

向设计师推荐10款基于 HTML5 的在线工具

原文:http://www.cnblogs.com/lhb25/archive/2011/11/21/10-online-html5-tools-for-web-designers.html

【编辑推荐】

  1. 使用HTML 5、CSS3和jQuery增强网站用户体验
  2. HTML 5新特性Canvas入门秘籍
  3. 10个超赞便利的HTML 5/CSS3框架推荐
  4. HTML 5媒体框架Popcorn.js 1.0发布
  5. ***的HTML 5编码教程和参考手册分享
责任编辑:陈贻新 来源: 梦想天空
相关推荐

2011-10-09 13:50:37

HTML 5

2013-07-10 13:13:25

页面设计响应式

2022-12-06 17:22:45

2014-04-25 11:12:16

BootstrapBootstrap工具

2012-07-19 09:55:10

HTML5

2017-04-20 12:56:46

原型设计工具

2016-04-12 10:18:19

代码审计自动化代码审计工具

2017-02-13 20:43:45

开源调查工具

2011-03-10 10:27:23

HTML 5

2011-08-01 10:36:35

CSS

2011-05-11 15:41:53

HTML5

2010-05-25 15:12:59

Web

2024-12-16 09:00:00

数据库开发

2011-04-12 10:59:33

HTML 5开源Maqetta

2011-01-25 12:35:37

Web表单

2014-11-13 14:32:53

2020-02-27 09:00:00

数据库设计工具

2014-08-19 10:14:47

App应用原型设计工具

2018-11-19 10:50:41

Linux游戏

2019-12-16 15:16:29

工具代码开发
点赞
收藏

51CTO技术栈公众号