如果你能想象出在光线充足的海里拍摄一群水母游动样子，那这里用WebGL技术实现的水母游动的效果绝对会让你以为是一段真实拍摄的视频。不能不佩服作者的技术高超。

相信大家都见到过这样神奇的技术：一副线条构成的画能自动画出自己。非常的酷。Jake Archibald是这种SVG技术的首创者，并且写了一篇非常好的文章来描述它是如何实现的。其实我没有什么好增补的，只是想把这种技术说的更明白些，所以，在这里我要用我的方式把这种技术再讲解一遍。

SVG里属性d里的每一部分都是告诉浏览器生成一个动作——移动到某一个点，开始画一条线，画一个贝齐尔弧线，等等。关于这些数据是如何变成动画，变成一条慢慢画出的线，这是个非常复杂的问题，幸运的是，我们不用考虑这些。我可以使用颜色和设置点的宽度，让SVG路径变成一段一段的点线，并控制点的偏移量：

这是一个很有趣的网页，按住 ↓ 不放，你会经历从天堂到人间到地狱的过程，松开键，你又会经历从地狱到人间道天堂的过程。沿途有很多的景观，走马观花的看吧。

使用浏览器里的WebGL技术逼真模拟水池、水、球、光影的互动变化效果。本演示需要你的电脑有一个相当不错的显卡和最新的显卡驱动。互动效果有：点击水面激起波澜，拖拽页面来旋转视角，使用G键来翻转重力，等等..

html5调用摄像头，然后分析你的脸部。你需要使用谷歌浏览器。你需要开启摄像头。点击右边的图片，看看自己的效果。

用浏览器WebGL技术模拟出的不可思议的海面风浪效果，只用简单的js就完全模拟出了专业软件里才会有的三维模型，并且能够手动调整浪高，风向，风力，海面大小。

不是视频，不是flash，没有用Javascript，没有用HTML5 Canvas，没有用一张图片，所有的鱼、水、石、怪以及动画效果都是用纯CSS3画出来的，真真叫人佩服的五体投地

你什么都不用想，对着键盘狂敲一气，看看会有什么结果？哈哈，肯定会让你大吃一惊——“哈哈，没想到我也是骇客高手了”

HTML5视频+画布(canvas)技术制作的爆裂的视频画面效果演示，使用谷歌浏览器观看效果最佳。 如果视频不能正确播放，请刷新页面，重新加载视频。这段视频来自Big Buck Bunny。

这是我将基于网络摄像头的手势识别技术和Hakim El Hattab开发reveal.js融合到一起的研究成果。我花了很长时间开发和优化调整这个手势识别算法。即使如此，这个算法仍然只有大概80%的准确性。但相信它已经足够让你领略到这种技术的潜力了：

在一个移动信息化和本地化同时存在是世界里，HTML5就成了这两种平台之间的桥梁。HTML5是开发多功能网站和Web应用的未来技术选择。你的编程技术是跟未来软件开发趋势同向而行吗？测一测你的HTML5和CSS3知识有多少，看看你能得多少分。