给前端开发者准备的10款在线HTML5工具

2012年11月15日 来源:html5中国 0条评论 431 views 标签:,

如果您有没有听说过,HTML5是席卷网站!目前正在增强,由专家向我们提供真棒新的革命的网页功能的Web设计师和开发人员!HTML5的背景资料对于那些你谁是新的到HTML5的,这里是一些快速的背景资料,让你加快速度。

  • HTML5是新的语言呈现在互联网上的内容(在写这篇文章的时,它仍处于测试阶段,但即将在2012年发布)。
  • HTML5带来新的功能,因此很容易将其纳入您的网页视频,音频,字体,拖动和放下,网页图形和动画。
  • HTML5是向后兼容在HTML 4或XHML1不担心你的旧设计,他们将工作一样的!
  • jQuery有开始杀的Flash,HTML5将完成它肯定。

HTML5的在线工具和资源

不知道很多网页设计师,也有一些很好的在线工具和资源,网页设计师一定要充分利用,以帮助创建这些新的创新设计,并保持领先地位的领域!我们收集了10个最好的在线HTML 5的工具和网页设计师资源。享受!

在线雪碧框工具

压缩图像,是风靡一时的这些天,在“雪碧”,把所有的图像都将增加您的图像转换和加载时间的速度。这网上雪碧框工具可以帮助你设计成使用这真棒的jQuery,CSS3和HTML5工具的精灵,您的图像。

在线3D草图工具

这绝不是普通的草图绘制工具,它使用的HTML画布的力量来创建3D绘图。要在三维旋转的画布上,你需要按住空格,然后拖动光标的水平。您还可以使绘图振动和虚线画得太。很酷。

在线字体测试工具

作为一个设计师,选择一个像样的字体,可以是一个艰难的过程!使用这真棒字体书签,即时查看在一个新的字体,在不改变任何HTML或CSS的任何网页!利用font.ttf文件拖动到顶部的工具栏,它们将出现在快速查看列表HTML5的权力和@ font – face的。有数百个免费的网站,只是在“字体”到谷歌的类型。

在线速度草图绘制工具

速度草图是一种独特的在线HTML5的画布绘图工具,您可以创建奇怪的网站喜欢的东西。我做了一个快速之一(截图),但我敢肯定,你的网页设计师可以创作这样的一个工具,并创建一些相当真棒。

在线模式生成工具

这个在线工具coule网页设计师非常有用的,当谈到创建页面和头背景,甚至标题背景。我使用的HTML画布的电源提供的模式,你在几秒钟内,你!它堆的选择,是非常容易使用!伟大的东西。

在线X射线工具

随着网络的X射线工具可以快速查看任何网页在点击一个按钮,页面元素的细节!只需在其网站上上拖动到您的书签的书签,访问你要分析的网页,单击“X射线bookmar”,然后单击页面上的任何元素。它也可以处理HTML5元素,如帆布,为您提供您需要的信息与设计。

在线Automatoon(动画)工具

Automatoon是纯HTML5的。由于没有使用Flash是,您的动画将发挥的iPhone,ipad公司,Android设备,和所有常见的Web浏览器就好了。真棒的atoon!

在线HTML5的音频制造商工具

我认为,引进在HTML5的音频标记,我们将开始看到越来越多的网站,利用音频功率。这是一个在线音频制造商的工具,它可以帮你介绍新的HTML5提供音频功能。也有一个在线的HTML5视频制造商的工具,它不类似的事情。

网上的SVG HTML5画布工具

大多数矢量艺术包(Illustrator中,在Inkscape等)可以导出为SVG(可伸缩矢量图形)和与此工具,您可以转换您的SVG文件到它的HTML5画布等同。

浏览器的Ajax动画工具

一个HTML5的供电网络为基础的动画套件(已经从它的Flash IDE的替代)。现在是一个cross-platform/cross-format的动画工具,工程包括在线和离线!你需要安装谷歌Chrome,看到一个快速的视频教程,让你开始。HTML5动画初学者的很好的工具。



无觅m88帮助网站插件,快速提升流量

你也可以分享到: