推荐十款非常优秀的 HTML5 在线设计工具

  网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 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 Velocity Sketch Tool

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

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

Online XRay Tool

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

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

Online Automatoon (animation) Tool

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

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

Online HTML5 Audio 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 的在线工具

您可能还喜欢

 

  • 九个让人难以置信的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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/261147.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【转】使用Apache Kylin搭建企业级开源大数据分析平台

http://www.thebigdata.cn/JieJueFangAn/30143.html 本篇文章整理自史少锋4月23日在『1024大数据技术峰会』上的分享实录:使用Apache Kylin搭建企业级开源大数据分析平台。 正文如下 我先做一个简单介绍我叫史少锋,我曾经在IBM、eBay做过大数据、云架构的…

每日英语:Apple Unveils New iPads

Apple Inc. s answer to the increasingly cutthroat tablet-computer market: more product choices and free software. cutthroat:残酷的,剧烈的,凶手    At an event here Tuesday, Apple showed off a new full-size tablet--now ca…

wordpress漏洞上传php文件夹,WordPress Asset-Manager PHP文件上传漏洞

这个模块利用Metasploi脆弱漏洞库在WordPress版本Asset-Manager插件2.0以及以下版本发现的。允许上传php文件、一用户可以上传一个文件到一个临时目录没有身份验证,从而导致执行任意代码。### This file is part of the Metasploit Framework and may be subject to# redistrib…

C#基于Socket的CS模式的完整例子

基于Socket服务器端实现本例主要是建立多客户端与服务器之间的数据传输,首先设计服务器。打开VS2008,在D:\C#\ch17目录下建立名为SocketServer的Windows应用程序。打开工程,往当前窗体中添加控件,如表17-6所示。表17-6 添加控件列…

Java基础之写文件——缓冲区中的多条记录(PrimesToFile3)

控制台程序,上一条博文(PrimesToFile2)每次将一个素数写入到文件中,所以效率不是很高。最好是使用更大的缓冲区并加载多个素数。 本例重复使用三个不同的视图缓冲区加载字节缓冲区并尽可能加入更多的素数,推荐使用这种…

导出oracle sequences,利用数据泵只导出序列

Oracle的数据泵导入导出功能比原有的导入导出工具(exp/imp)功能强很多。利用数据泵我们可以只导出某一特定对象类型,并且可以指定过滤条件。这个功能的实现主要依靠expdp的include参数。联机文档对于参数的功能描述如下:INCLUDEDefault: nonePurposeEnab…

HDU2546_用01背包做

题目大意: 电子科大本部食堂的饭卡有一种很诡异的设计,即在购买之前判断余额。如果购买一个商品之前,卡上的剩余金额大于或等于5元,就一定可以购买成功(即使购买后卡上余额为负),否则无…

俄罗斯游戏软件:C语言应用初步感受

俄罗斯游戏软件:C语言应用初步感受C语言课程设以一节课,老师提供了一个C语言的飞俄罗斯方块让我们感受,我们所学的C语言课程,主要是各种语句的练习,这次是用我们所学过的知识来感受一个实际的系统。首先安装c-free&…

重定向 12 21 解析

在 shell 程式中,最常使用的 FD (file descriptor) 大概有三个, 分别是: 0: Standard Input (STDIN) 1: Standard Output (STDOUT) 2: Standard Error Output (STDERR) 在标准情况下, 这些FD分别跟如下设备关联: stdin(0): keyboard 键盘输入,并返回在前端 stdout(…

oracle xml中cdata,XML CDATA的作用

XML CDATA的作用更新时间:2009年09月01日 00:52:36 作者:当你用FLASH和xml结合做网站应用程序时,例如你做在我研究游戏排行榜中,当让人自由输入姓名时,人们可以输入一些符号,例如∶""、"/…

SQL登录 18470 18452 错误

18452,是验证模式没有选择混合模式。 对应方法: 设置允许SQL Server身份登录(基本上这个很有用) 操作步骤: 1。在企业管理器中,展开"SQL Server组",鼠标右键点击SQL Server服务器的名称 2。选择…

android开发(49) android 使用 CollapsingToolbarLayout ,可折叠的顶部导航栏

概述 在很app上都见过 可折叠的顶部导航栏效果。google support v7 提供了 CollapsingToolbarLayout 可以实现这个效果。效果图如下: 实现步骤 1. 写一个 CollapsingToolbarLayout,它有两个 子视图,一个就是上图显示的图片(降落伞…

linux ssh服务端下载文件,Linux SSH服务端配置文件设置

一 SSH概述SSH 由 IETF 的网络小组(Network Working Group)所制定;SSH 为建立在应用层基础上的安全协议。SSH 是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议。利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。SSH最初是UNIX系统…

注意扩展方法的返回值类型

public static IEnumerable<TSource> Where &#xff1a; IEnumerable<TSource> 类型转载于:https://www.cnblogs.com/changbaishan/p/3391842.html

使用GPUImage实现视频滤镜

关于GPUImage 这里直接引用官方描述&#xff1a;The GPUImage framework is a BSD-licensed iOS library that lets you apply GPU-accelerated filters and other effects to images, live camera video, and movies. In comparison to Core Image (part of iOS 5.0), GPUImag…

C 学习笔记 - 数组

在学习了 C 语言的数组之后&#xff0c;我发现 C 中的数组与 C# 中的数组除了书写形式上略有区别&#xff0c;其它的基本上都一模一样。 因为之前有 C# 的底子&#xff0c;所有学习 C 语言&#xff0c;感觉也挺轻松的&#xff0c;不过 C 和 C# 之前还是有很多不一样的地方&…

yunos5 linux内核,魅蓝5S、魅蓝5对比看差异 选Android还是YunOS?

原标题&#xff1a;魅蓝5S、魅蓝5对比看差异 选Android还是YunOS&#xff1f;几天前魅族发布了魅蓝5S&#xff0c;这款手机刚好2月20日上午10点开始销售&#xff0c;在魅族官方店和天猫都可以买到。作为新一代入门级手机&#xff0c;魅蓝5S最大得卖点恐怕就是加入了18W快充功能…

.net SerialPort

虚拟串口并定时向虚拟串口定时发数据http://scorpiomiracle.iteye.com/blog/653923C#中如何使用SerialPort控件向单片机发送数据&#xff1f;http://zhidao.baidu.com/question/206863745.html?frqrl&index2&qbltopic_question_2_2 转载于:https://www.cnblogs.com/su…

微软ASP.NET站点部署指南(3):使用Web.Config文件的Transformations

1. 综述 大多数程序里都会在Web.config里设置参数&#xff0c;并且在部署的时候需要更改。每次都手工更改这些配置很乏味&#xff0c;也容易出错。该章节将会告诉你如果通过自动化更新Web.config文件来避免这些问题。 2. Web.config Transformations 与Web Deploy Parameters 有…

linux嵌入式c网络编程,嵌入式Linux网络编程之:网络高级编程

本文引用地址&#xff1a;http://www.eepw.com.cn/article/257115.htm在实际情况中&#xff0c;人们往往遇到多个客户端连接服务器端的情况。由于之前介绍的如connet()、recv()和send()等都是阻塞性函数&#xff0c;如果资源没有准备好&#xff0c;则调用该函数的进程将进入睡眠…