10个在线学习HTML5的国外网站

如果你还没有听说过，HTML5网页的风暴！在目前正在发展，由专家为我们提供的网页设计师和开发人员真棒新的革命性的网页功能！

HTML5背景资料

对于那些你谁是新的HTML5，这里是一些快速的背景信息，让你加快速度。

HTML5是新的语言在互联网上呈现内容（在写这篇文章的时候，它仍处于测试阶段，但很快就在2012年发布）。
HTML5带来的新功能，因此很容易将视频，音频，字体，拖动和拖放，Web图形和动画到您的网页。
HTML5是向后兼容的，不用担心你的旧设计HTML 4或XHML1中，他们将工作一样的！
jQuery的开始杀害闪存，HTML5将完成它的肯定。

HTML5的在线工具和资源

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

在线雪碧盒工具

图像压缩是所有的愤怒，这些天在“雪碧”，并把所有的图像都将增加你的图像转换和加载时间的速度。在线雪碧箱工具可以帮助你设计你的图像转换成精灵，使用这真棒的jQuery，CSS3和HTML5工具。

在线3D草图工具

这绝不是普通的草图绘制工具，它使用的HTML画布创建3D绘图。在3D旋转画布，你需要按住空格，然后用光标水平拖动。您也可以使绘图虚线振动和借鉴。很酷。

在线字体检验工具

作为一名设计师，选择一个体面的字体可以是一个艰难的过程！使用这个真棒字体书签立即查看任何一个新的字体，在不改变任何HTML或CSS网页！HTML5的利用电源和@ font-face的的font.ttf文件拖动到顶部的工具栏，它们将出现在列表中快速查看。有数百个免费的网站，只要输入“”到谷歌的免费字体

在线速度素描工具

速度草图是一个独特的在线HTML5画布上绘图工具，您可以创建奇怪的看网页一样的东西。我做了一个快速（在截图），但我敢肯定，你的网页设计师用这样的工具可以发挥创造性和创造的东西相当真棒。

在线模式生成工具

这个在线工具：水灾，是相当有用的，当它涉及到创建页面和头背景甚至标题背景的网页设计师。我使用的HTML画布的力量，为您提供模式您寻找在几秒钟！它有成堆的选择，是很容易使用！伟大的东西。

在线X射线工具

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

在线Automatoon（动画）工具

Automatoon是纯粹的HTML5。由于没有使用闪光灯，动画将发挥就好了iPhone手机，ipad，Android设备，以及所有常见的Web浏览器。真棒atoon的！

在线HTML5音频制作工具

我觉得与音频标签在HTML5中，我们将开始看到越来越多的网站利用音频电源引入。这是一个在线的音频制造商的工具，它可以帮你介绍HTML5提供的新的音频功能。还有一个在线HTML5视频厂商的工具做了类似的事情。

在线SVG HTML5画布工具

大多数矢量艺术包（插图，在Inkscape等）可以导出为SVG（可缩放矢量图形），并到它的HTML5画布相当于这个工具，你可以转换你的SVG文件。

铬阿贾克斯动画工具

HTML5的供电网络为基础的动画套房（已经从它的Flash IDE另类的）。现在它是一个在线和离线工作的动画cross-platform/cross-format工具！你需要安装谷歌Chrome，看到一个快速的视频教程，让你开始。HTML5动画初学者的绝佳工具。