推荐十款非常优秀的 HTML5 在线设计工具
网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品。随着 HTML5 技术的不断成熟,网络上涌现出越来越多的优秀 HTML5 应用,一起看看下面这些很棒的工具。
Online Sprite Box Tool
这款在线的 CSS Sprite 样式生成工具,结合jQuery、CSS3和HTML5开发,能够帮助你快速的生成CSS Sprite 样式。
Online Pattern Generator Tool
这是一款在线纹理生成工具,当设计师需要制作网页背景的时候,它能够帮上大忙。这款工具提供了很多的配置选项,使用非常简单,太棒了!
Online 3D Sketch Tool
这是一款很特别的绘图工具,使用功能强大的 HTML5 Canvas 来实现3D绘图功能。向让画布进行立体选择,你需要按住空格键并水平拖动鼠标,非常酷!
Online Font Testing Tool
对于设计师来说,选择一款合适的字体是一个艰难的过程。这款非常棒的字体测试工具可以帮助设计师即时浏览新字体在页面中的现实效果,不要修改任何的HTML或者CSS代码,只需要把字体文件拖放的顶部的工具栏中,新字体就会出现在下拉列表中。
Online Velocity Sketch Tool
这是一款基于HTML5的在线素描工具,能在在线绘制一些奇特的东西,图片显示的就是我随手画的,我相信设计师们能够画出更加有创意的东西。
Online XRay Tool
通过这款工具,你可以查看到任何页面上的元素细节, 类似于Firebug的元素查看工具,不过这个是在线的,不需要安装插件,只需要把它们网站上的一个书签项放到书签栏,使用的时候点击该书签,然后再点击需要查看的元素就可以了。
Online Automatoon (animation) Tool
Automatoon 是一款完全基于HTML5开发的在线工作制作工具,完全没有使用Flash,制作的动画能运行于 iPhones、iPad、Android设备以及各种常见浏览器。
Online HTML5 Audio Maker Tool
随着HTML5发展,会有越来越多的HTML5网站开始使用强大的HTML5 audio标签功能。这个在线 audio 生成工具能够帮助你了解HTML5 audio提供的各种新特性,还有一款类似的在线 HTML5 video 制作工具 。
Online SVG to HTML5 Canvas Tool
所有的矢量艺术包(Illustrator、Inkscape 等等) 都能够导出为 SVG (可缩放矢量图形),而这款工具帮助帮助你把SVG文件转换成HTML5 canvas。
Chrome Ajax Animator Tool
这是一个跨平台的动画工具,在线和离线都能使用。你只需要安装有Chrome浏览器,然后通过快速指导教程引导入门,是一款对HTML5 动画初学者非常有用的工具。
您可能还喜欢
- 九个让人难以置信的HTML5和JavaScript实验
- 让人眼花缭乱的 HTML5 和 JavaScript 效果
- 推荐18个基于 HTML 5 Canvas 开发的图表库
- 29款基于 HTML5 Canvas 开发的网页游戏
- 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
英文链接:10 Online HTML5 Tools For Web Designers
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
转载于:https://www.cnblogs.com/lhb25/archive/2011/11/21/10-online-html5-tools-for-web-designers.html
推荐十款非常优秀的 HTML5 在线设计工具相关推荐
- html5 在线设计,推荐十款非常优秀的 HTML5 在线设计工具
网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品. 随着 HTML5 技术的不断成熟,网络上涌现出 ...
- 可视化html dream,推荐十款非常优秀的 HTML5 在线设计工具
网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品.随着 HTML5 技术的不断成熟,网络上涌现出越 ...
- 推荐10款非常优秀的 HTML5 开发工具
HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式.今天这篇文章向大家推荐10款优秀 ...
- 推荐10款非常优秀的HTML5开发工具
HTML5发展如火如荼,随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟,未来HTML5必将改变我们创建Web应用程序的方式.今天这篇文章向大家推荐10款优秀的HTML5开发工 ...
- 微信开发者工具 wxmi修改模版颜色_十款高效好用的在线网页工具,提升你的办公效率...
大家好, 我是阿毛,今天给大家推荐高效办公的10个在线网页工具,可以不用下载安装很多app,也不用在电脑上装很多软件. 在线制作精彩视频 操作非常简单,选择模板,上传照片然后点击制作等待完成就可以了! ...
- android ui设计欣赏,推荐20款最优秀的安卓界面设计
做过APP设计的同学,都知道安卓的ui不像IOS那么好设计,下面我们来欣赏一下国外总结的20款优秀的安卓APP. 点击图片欣赏详细. LOCK SCREEN BY MARK VAN LEEUWEN W ...
- 推荐25款很棒的 HTML5 前端框架和开发工具【下篇】
快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5.HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. ...
- 良心推荐十款堪称神器的软件
良心推荐十款堪称神器的软件 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: 1.简道云,快速零编码开发平台.即使不懂技术,不懂编程,也可以利用拖拽式操作迅速 ...
- 推荐10款超级有趣的HTML5小游戏
HTML5的发展速度比任何人的都想像都要更快.更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中!这里跟大家分享有10款超级趣味的HTML5游戏,希望大家能够喜欢! Kern Typ ...
最新文章
- linux下ndk编译命令行程序及配置
- ssm过滤器可以只过滤html吗,SSM登陆验证之过滤器实现
- 推荐十一个吊炸天的AI学习项目
- mysql 织梦 索引_Mysql索引详解 建立索引的优势劣势以及索引规范
- Java Hibernate模板 学习总结
- Mac 下安装 Python-OpenCV Python-OpenCV 处理图像(一):基本操作
- Codeforces Round #498 (Div. 3)【完结】
- HTML / img src 使用绝对路径注意事项
- eclipes快捷键
- 做世界首富的妻子,是一种怎样的体验?
- 我终于搞清楚了和String有关的那点事儿。
- 第二次冲刺阶段第三天
- [MySQL][Spider][VP]Spider-3.1 VP-1.0 发布
- GOM引擎启动提示invalid filename怎么处理?
- halcon案例-指纹图片增强
- 机器学习模型评估及性能评价(超全)
- 迈阿密大学的计算机系咋样,迈阿密大学计算机科学专业
- Delphi 把字符串复制到剪贴板
- cc2530自组网的网络结构是什么?在哪里可以修改
- java.lang.NullPointerException出现原因及解决办法
热门文章
- 学数据库还不会Select,SQL Select详解,单表查询完全解析?
- 数论--中国剩余定理模板
- [机器学习] XGBoost 自定义损失函数-FocalLoss
- A Complete Machine Learning Walk-Through in Python
- 人口预测和阻尼-增长模型_使用分类模型预测利率-第1部分
- ADC0832程序完整版 源码+Proteus仿真
- 进程中的信号赋值与变量赋值
- android webview 禁止放大缩小,WebView无法放大缩小解决方案
- android tag的使用方法,Android:如何使用Html.TagHandler?
- influxdb数据过期_Influxdb Cluster下的数据写入