十款优秀的 HTML5 在线设计工具

作者: 微歌 分类: 网站程序 发布时间: 2015-01-22 20:54 ė 6 没有评论

  现在 HTML5 可谓是飞速发展,当然,紧接着就是有了一批 HTML5 的工具的诞生了,它们的出现很好地帮助了 HTML5 的推进,可惜的是,网上有很多优秀的设计和开发工具可能并不为大家所知。不久前,看到一个国外网站推荐的一些不错的 HTML5 工具,如果大家喜欢 CSS3,喜欢 HTML5,喜欢 bootstrap 的响应式设计,这些工具应该能帮你设计出更有创意的作品。好吧,我们一起看看是什么工具吧。
  1、Online Sprite Box Tool

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

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

  3、Online 3D Sketch Tool

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

  4、Online Font Testing Tool

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

  5、Online Velocity Sketch Tool

  这是一款基于 HTML5 的在线素描工具,能在在线绘制一些奇特的东西,图片显示的就是我随手画的,我相信设计师们能够画出更加有创意的东西。

  6、Online XRay Tool

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

  7、Online Automatoon (animation) Tool

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

  8、Online HTML5 Audio Maker Tool

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

  9、Online SVG to HTML5 Canvas Tool

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

  10、Chrome Ajax Animator Tool

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

  原文:10 Online HTML5 Tools For Web Designers

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: https://wego2.com/shi-kuan-you-xiu-de-HTML5-zai-xian-she-ji-gong-ju.html

发表评论

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

Ɣ回顶部