对于设计师的10个最佳在线HTML5工具

HTML5是一种新的语言结构,并提出在网络上的内容。它拥有许多强大的功能,使您的网页很容易纳入视频,音频,字体,拖动和下降,Web图形与动画的HTML5是向后兼容的,所以不用担心在HTML 4或XHML1旧的设计,他们会寻找。一样的,因为他们曾经!HTML5是所有在网上和专家正在加强它每天都以惊人的新功能提供Web设计师和开发人员。

因此,这里有10真棒在线HTML5的 Web设计工具,可以证明是真的有助于所有的网页设计师。检查出来。

 


Online 3D Sketch Tool


001

你一定已经猜到了这个工具做什么。这是一个草图绘制工具,但它不是一个普通的草图绘制工具,因为它使用的HTML Canvas的3D绘图,3D旋转画布,你需要按住空间,然后用光标拖动水平。你也有能力使图纸的震动,并在虚线画得太。根本真棒!


Online Sprite Box Tool


002

压缩照片是非常时尚现在是一个天,所以把所有的照片,在“雪碧”,将有利于两种方式,即通过增加你的照片转换和加载时间的速度。使用这真棒jQuery的,CSS3和HTML5工具可以设计成精灵的照片。

 


Online Font Testing Tool


003

一个体面的字体是任何网页设计的一个非常重要的一部分,它是一种责任,每一个设计师挑选最好的字体。在线字体测试工具,是一个了不起的字体,书签,让你即刻在一个新的字体查看任何网页,甚至没有改变任何HTML或CSS。你可以拖动到顶部的工具栏font.ttf文件,然后他们将在一个快速浏览列表显示。目前有很多免费的网站,所有你必须​​做的是简单地输入到谷歌的“自由字体”。

 


Online Velocity Sketch Tool


004

这是一个伟大的在​​线HTML5的画布上绘图工具,使用它可以创建网站这样奇怪的看事情。因此,设计人员可以是创造性的,因为他们想和创建这个工具真的好东西。

 


Online Pattern Generator Tool


005

在线模式生成工具,是一个非常酷的工具,可以让网页设计师创建页头背景,甚至标题背景。它提供了很多选择,你是一个非常容易使用的工具。不错!

 


Online XRay Tool


006

此工具可以即时看到任何网页上的页面和所有你必须做的就是所有这些细节元素的细节,只需点击一个按钮,
只要在网站上拖动到你的书签,网页书签,你要看到的细节,和X射线单击书签,然后单击页面上的任何元素。这个工具也有abiltiy处理HTML5的元素,如帆布,给你所有你想要的设计资料。

 


Online Automatoon (animation) Tool


007

这个人是一个纯粹的HTML5工具。不支持Flash意味着动画的iPhone,ipad公司,Android设备,和所有普通的网页浏览器上工作完全正常。

 


Online HTML5 Audio Maker Tool


008

HTML5提供使用音频标签的能力。在线HTML5的音频制作工具,是一个可怕的工具,可以让您使用新的HTML5拥有音频功能。在线HTML5视频制作工具也做了类似的事情。

 


Online SVG to HTML5 Canvas Tool


009

大部分的矢量艺术包(Illustrator中,Inkscape中等)可以导出SVG(可伸缩矢量图形)。这个伟大的工具,让您转换成HTML5的画布相当于你的SVG文件。很酷,对吧?


Chrome Ajax Animator Tool


010

顾名思义,铬AJAX Animator的工具是1 HTML5的供电网络为基础的动画套件。是一个的真棒cross-platform/cross-format动画工具,您可以同时使用在线和ofline。但是,使用此工具,你就必须安装有谷歌Chrome。退房快速上手的视频教程。这是所有的HTML5动画初学者,有一个真正的好工具!

原文: http://smashinghub.com/10-online-html5-tools-for-designers.htm