2011-2012年度国外十大最佳HTML5网站

这是老谭在互联网搜集到的一篇文章，各个HTML5网站看完之后，觉得非常炫！顾转载与各位设计同仁一起分享。本人建议各位采用谷歌浏览器或火狐浏览器欣赏为最佳。

1 The Wilderness Downtown Arcade Fire(http://www.thewildernessdowntown.com/)
网站使用了大量的 HTML5 技术，并且将 canvas，video，audio 标签和 Google Maps 以及 Google Streetview 融合在一起，效果非常震撼。在播放电影前建议大家将桌面清空，或者索性换上一个纯黑的背景，然后打开 Chrome 欣赏吧。电影中间会让你给小时候的自己寄一张明信片，这里的交互绘图工具效果也很出色。

 

2 Agent 008 Ball (http://agent8ball.com)
Agent008Ball像素实验室使用 HTML5+JavaScript 代码编写的游戏。当看到这款游戏你真的是很难相信它仅仅使用了代码，并没有加入其他的任何的插件,支持firefox,chrome等浏览器,游戏使用HTML5的canvas元素实现，其图像效果使得该游戏与真实游戏很相似。操作和用户体验也是可以和客户端游戏媲美了,适合上班业余休闲首选。

 

3 This Shell (http://thisshell.com)
This Shell是音乐拼图网站。1、在规定时间内，将视频片段拖放到指定的位置。2、若移到正确的单元格，歪斜的片段则会自动摆正。3、如果能按时完成拼图，用户可以免费下载此歌曲。

 

4 Ben The Bodyguard (http://www.benthebodyguard.com/)
这个网站可以说是绝对的有创意，副标题讲：Ben the bodyguard是帮助用户的iPhone或者iPod touch设备保护密码、图片、联系人以及其他敏感信息的工具。

 

5 Art of Stars (http://www.nakshart.com/#)
一个非常好的web小应用，可以根据你的IP地址直接展示星座的图片。

 

6 Lost Worlds Fair (http://lostworldsfairs.com/)
失落的世界博览会网站，向人们展示精彩的创造。

 

7 Toyota Prius Projects (http://www.toyotapriusprojects.com/)
丰田普锐斯10周年庆祝网站，该网站利用HTML5来创建一个更加身临其境的网络体验。

 

8 RUMPETROLL (http://rumpetroll.com/)
Rumpetroll是一个庞大的多人游戏体验，允许多个用户进行互动和聊天。

 

9 20 Things I Learned (http://www.20thingsilearned.com/)
20ThingsILearned是由谷歌Chrome团队制作的电子书效果，比起flash有过之而无不及，用叹为观止这个词形容很恰当。

 

10 Looting The Seas PublicIntegrity.org (http://www.publicintegrity.org/treesaver/tuna/index.html)
该网站技术方面使用了HTML5创建无需使用插件的PDF效果。

看完之后，大家是否觉得这些网站能否给我们一些启示呢？