当前位置: 首页 >> HTML5+CSS3_HTML网站模板_DIV+CSS技术分享 >> 阅读正文

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

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



无觅相关文章插件,快速提升流量

本文标题:2011-2012年度国外十大最佳HTML5网站

本文地址:http://www.25xt.com/html5css3/1056.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。