這是老譚在互聯網搜集到的一篇文章,各個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效果。
看完之后,大家是否覺得這些網站能否給我們一些啟示呢?