上周，Webvisions，一个为期 3 天的会议，涵盖了所有关于 UX 和网络的内容，吸引了数百名爱好者来到阳光明媚的巴塞罗那。Mozilla 派出了 Crystal Beasley 和 Chris Heilmann，他们谈论了使用 Persona 登录网络以及网络的未来。

Crystal 举办了关于登录系统以及如何改进登录系统的研讨会，并发表了关于 13 个迹象表明你的 UX 需要驱魔 的演讲。

在飞往巴塞罗那的航班上看了 《洛瑞克斯》，并且看到观众中有许多父母，我们认为用苏斯博士的风格写一篇关于“HTML5 和网络的未来”的演讲是一个好主意，这样人们可以读给他们的孩子听，并同时反思我们试图传达的信息。也要感谢 Eric Shepherd 的押韵帮助。

这里只列出所有链接的押韵（也 在 GitHub 上提供）

1. 那里有一个巨大的网络，
   它庞大 - 我告诉你，
   它跨越整个世界，
   但它很无聊而且蓝色...
2. 然后改变出现了，
   一只狐狸的形状，
   它狡猾而且开放，
   它打破了所有的锁。
3. 其他人出现了，
   加入了正义之战，
   一位歌手，一位冒险家，
   和一位闪闪发光的全新骑士。
4. 这些都一起玩耍，
   并且说同一种语言，
   这吸引回了老玩家，
   加入他们唱歌。
5. 一个标准被设定，
   并且它改变了一些东西，
   一个更丰富的网络用于应用程序，
   是它带来的承诺。
6. 呸，标准！谁需要它们？
   一些花哨的人说，
   直到一部智能手机，
   将它们从床上踢出去。
7. 我们超越了一个标准，
   因为网络工作更丰富，
   所以“HTML5 和朋友们”，
   绘制了一个更好的<picture>。
8. 有趣的东西，
   应该是闪亮和酷炫的，
   这就是为什么新标准
   带来了许多新工具。
9. 观看和聆听，
   是人们喜欢做的事。
   使用<audio> 和 <video> 很简单，
   并且你也可以做到。
10. 它们都是网络原生的，
    这是一个鼓掌的理由。
    它们可以与其他内容交互，
    并且Mozilla Popcorn 使其成为小菜一碟。
11. 如果节拍和频率是
    你需要播放的，
    查看 Web Audio API -
    它给你提供了正是这一点 - 甚至今天。
12. 为了与电池相处融洽，
    使用 requestAnimationFrame()，
    不要让它阻止你
    它有这么长的名字。
13. 3D 图形是令人兴奋的，
    正如游戏玩家会说的，
    我们现在在网络上也有了它，
    它被称为 WebGL。
14. 水会流向你倒它的任何地方，
    问问 Chris 关于他的 Macbook Air :(
    MediaQueries 允许你像液体一样
    并且响应而不是绝望。
15. 自然的运动是平滑的，
    只需睁开你的眼睛。
    使用 CSS 动画、变换 和 过渡，
    你可以模仿这一点 - 漂亮！
16. “网络意味着你需要在线”,
    我听到自作聪明的人夸口，
    好吧，我们有离线存储，
    所以 - 拿走你的外套。
17. 有相机和一些朋友，
    你想聊天吗？
    WebRTC 是你需要的，
    即使是炫耀你的猫。
18. 押韵有时并不容易，
    正如你刚刚意识到的一样。
    所以让我们快速前进，
    这实在太难以承受了。
19. 一个艺术家需要一个<canvas>，
    并且 HTML5 给我们带来了它。
    读取、写入和转换像素，
    全部在客户端，太疯狂了！
20. “我们没有丰富的元素！”
    许多人抱怨，
    使用 Web Components 和 X-Tag
    并且创建它们 - 易于维护。
21. 密码很困难，
    很容易看到，
    所以允许使用电子邮件进行登录，
    使用 BrowserID。
22. 网络很混乱，
    有大量的第三方按钮。
    Web Intents 使它们毫无意义，
    让我们不要让它们出现。
23. 根据设计，HTML5 是宽容的，
    它的解析器是很棒的。
    它不想破坏网络，
    所以让我们不要破坏它。
24. 当然，你可以写奇怪的东西，
    并且它们会工作 - 毫无疑问。
    但它们会被其他人阅读吗？
    这就是它的意义所在。
25. 你并非为自己创建，
    或者你的朋友，他们都是一样的。
    你为下一个人开发，
    所以确保你没有责任。
26. 你不会跳进一条河，
    如果你不知道它的深度。
    在网络上使用 Modernizr，
    应该是你的第一步。
27. 给新玩家提供新东西，
    并使用它来增强。
    不要在不需要的时候支持
    IE6 走路 - 它不能跳舞！
28. 使用供应商前缀，浏览器会告诉你
    “这还没有准备好”。.
    所以，尽情尝试，
    但不要期望能稳定。
29. 并且这些前缀会消失，
    你一定不能忘记！
    以无前缀版本结束，
    这是你最好的选择。
30. 所以我们请你帮助我们，
    构建一个会持续的网络。
    成为未来友好的，并展望未来，
    并且停止为过去构建。
31. 网络在手机上，
    平板电脑，电脑，电视上。
    我们必须推动它前进。
    否则我们的存在将停止。
32. 被锁定的硬件，
    不是我们所追求的，
    所以查看 Firefox OS，
    如果你喜欢网络 - 你也会喜欢它 - 毫无疑问。
33. 最后但并非最不重要的，
    如果你发现有些东西不对劲
    请提交一个错误并告诉我们，
    这就是事情如何完成的方式。
34. 所以你有很多东西可以玩，
    查看并分享。
    我们非常希望你这样做，
    来吧，向我们展示你关心。
35. 除非像你这样的人
    非常关心，
    什么都不会变得更好。
    不会。
36. 所以做得很好，感谢你阅读和聆听，
    并付出巨大的努力，
    今天我们只有这么多时间，
    所以再见，谢谢！

遇到了很多硬件问题，我们无法录制演讲，所以我制作了在 YouTube 上发布的演示文稿的屏幕录制。

或者，你也可以观看只有押韵的视频版本

其他格式供你下载和使用

• 只有 GitHub 上的 HTML 中的押韵
• 带有笔记的幻灯片 PDF 版本（PDF，15.2MB）
• 完整演讲的音频版本（MP3，6.5MB）
• 只有押韵的音频版本（MP3，2.3MB
• 完整演讲的视频版本（MP4，60MB）
• 押韵的视频版本（MP4，30MB）

观众的反应非常积极，我们发现，当你把你的演讲押韵时，它会流动得更快。45 分钟的时间里，我们用了 20 分钟进行演讲，另外 25 分钟在问答环节中详细解释了我们所涵盖的内容。

总而言之，Webvisions 是一个很棒的活动，请期待很快发布其他演讲的视频和其他网络上的幻灯片。