为了 在英国伦敦举行的Firefox 4发布派对，我们希望向观众展示为什么我们在浏览器市场上取得了长足的进步是一件大事。以下是幻灯片和说明，解释了如果我们充分利用浏览器，我们现在作为开发者可以获得多少乐趣。

幻灯片

详细说明

目前，很多人对HTML5感到困惑——许多公司滥用该术语来营销各种产品，而一些展示HTML 5的演示根本没有使用它。

今天，我保证不会试图用它来向您推销任何操作系统或硬件，我不会展示任何浏览器之间的比较（它们可以同时显示多少条金鱼），并且我保证不会转向原生开发（尽管这是最新潮流——将HTML5称为原生）。

在很大程度上，HTML5意味着网络就是平台——比以往任何时候都更重要。多年来，我们一直将网络用于网络服务和存储，但现在我们正走向一个既交付数据又交付应用程序的世界。

浏览器是平台，是我们帮助最终用户完成他们设定的任务所需的一切。我们无需为所有事情都使用软件包，只需访问一个网络应用并使用它即可。浏览器为我们提供了API，并且现在速度足够快，可以提供绝佳的体验。网络邮件、协作文档编辑和图像处理只是朝着这个方向迈出的第一步。

有关如何执行所有这些操作的信息可供您免费使用。网络上提供了大量HTML5资源，其中包含完整文档和示例，说明可以执行哪些操作。网络开发的开放性使我们无需参加昂贵的公司培训课程或购买任何软件——您只需要一个文本编辑器和一个浏览器。

人是关键。如果您环顾四周，就会发现HTML5领域中的领军人物并非来自一家公司，也并非多年来为人所知。相反，他们中的许多人来自完全意想不到的地方，这表明这更多地与热情有关，而不是与公司支持有关。

作为开发者，我们拥有如此多的新玩具！如果我过去拥有所有可以在浏览器之间使用的技术，我相信我的职业生涯将会加快两倍。

原生HTML5视频和音频允许您以任何方式操纵视频并使其与文档的其余部分进行交互。例如

• 您可以 旋转和缩放视频
• 您可以 同步页面内容和视频内容
• 您可以 将视频叠加在动画地图上
• 您可以 使用Canvas分析和操纵视频以注入内容

后者非常有趣，因为Canvas和SVG（不是HTML5，而是“朋友”技术）允许您在界面中变得非常丰富。使用Canvas和SVG，您还可以 增强页面中的数据以创建美丽的可视化效果。

HTML5提供的另一项功能是更丰富的网络表单，包括日期选择器、滑块和带有内置验证的自动完成控件。这应该可以为我们节省大量客户端验证代码，这些代码总是不同步且难以本地化。

其他技术确实增加了HTML5为我们提供的内容

离线存储和本地存储允许我们构建能够识别用户连接状态并在连接断开时保持运行的应用程序。

CSS3是CSS的自然发展，这意味着我们不必将渐变和圆角创建为图形，而可以在我们自己的代码中轻松更改和维护它们。

WebGL允许我们在浏览器中创建3D界面和动画。 Google的Body Browser 是一个很好的例子，说明它可以变得多么丰富。

当您混合和匹配这些技术时，所有这些都会变得非常强大。您可以 剪辑、转换和运行模糊等滤镜以处理视频内容，您可以 模拟视频+画布中的绿屏，应用 形状检测到视频内容，甚至 检测照片中的裸露内容。

将此技术提供给有创意的人，并给他们一些时间，就会发生美好的事情。一个例子是 Nike的Better World，它看起来和行为都像Flash界面，但它是干净的HTML5。可以在 Mozilla演示库 中找到其他正在进行的HTML5技术的出色使用示例。

不要认为这不是你！我们需要每个人都参与HTML5的开发，以使其发挥作用并得到使用。因此，如果您有很酷的HTML5演示，请 将其发送给我们，以便我们为您进行宣传！

网络的未来是一项团队工作，不应掌握在少数几个遵循公司议程的人手中，因此请帮助我们并加入我们！HTML5是一场辩论，来自不同角度的声音越多，解决方案就越好。