面向全球电子商务知识库网站eBizMBA挑选出2011年国外十大最佳HTML5网站,这些网站都是经过eBizMBA网站编辑根据视觉艺术、声效、易用性和创新性等多方面考究评选出来的。

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效果。

中文编译来源:国外网站大全:http://www.kguowai.com