10在线HTML5的工具奉献给web开发者

如果您有没有听说过，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动画初学者的很好的工具。