这是一个生产内衣的公司使用HTML5技术制作的公益游戏。曾获得Cutting Edge技术奖。游戏的主旨是反对印度国内存在的包办婚姻现象。内衣公司的游戏非常有内衣特色。但游戏中使用的技术还是让人佩服的，纯HTML5+JS，整个游戏有很好的互动性，值得游戏设计者学习。

程序员给女朋友用HTML5制作的3D相册，使用鼠标拖拽，能看到3D旋转效果，点击相片，相片能放大，移近。程序员发挥自己的专长，这是那些不懂编程的人望尘莫及的。本相册使用了HTML5的画布技术，需要谷歌浏览器或火狐浏览器等现代浏览器才能正常观看。

如果当你翻开一本书的时候，里面飞出来一只蝙蝠，或是一条会喷火的龙，你会有什么感觉？惊奇！赞叹！目瞪口呆！我想到了电影《哈利波特》里的那份会动的报纸。这里将会给你带来一种类似的奇观——一本书里的大千世界。随着浏览器技术的不断革新，越来越多的可能成为了现实。这里就是现代网页技术的典型代表。

翻滚的海面，摇摇欲坠的灯塔，密布的乌云，暴风雨中的海燕。在加上CSS三维视差效果，虽是童话的世界，但亦真亦幻，令人神往。本作品是使用轻量级的js视差效果引擎parallax.js实现。在智能移动设备上效果更佳。

程序员的求职简历应该体现出程序员的技术能力，但几乎所有的简历都是用文字表述的，为什么让简历载体自身成为体现程序员技能的平台呢？如果你还不明白我说的是什么意思，那就看看这个超级酷炫的HTML5互动式程序员求职简历，一定会让你惊异不已。

Clippy.js 是一个纯JavaScript实现的微软Office卡通助手(也叫做Clippy和它的朋友们)，你可以方便的把它嵌入到任何网页上。在下面挑选一个助手，点击相应的动画按钮！我们的最爱是那个可爱的小猫。

打飞字(Z-Type)这是有史以来最酷的一款练习盲打的游戏。视觉效果、射击爆破效果和声音效果都非常的刺激。这款游戏是用HTML5做成的，曾经获得Mozilla Game On游戏大赛的Community Choice Award大奖。玩家可以选择关闭游戏音效，轻按ESC按键便可以暂停游戏。

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

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

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

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

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

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

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

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

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

提示：将鼠标放到立方体上，会发现更炫的动画效果。(用谷歌浏览器观看效果最佳) 前后上下左右

如何用纯CSS画出一个三角形图案 假设这有一个方块。 方块有一个上边框。 还有其它三个边。 注意这些边框在方块 […]

提示：点击清空画面。