8个很棒的HTML5网站展示
fmms 13年前
<p> 本文给大家推荐 8 个网站,让大家了解结合了 Javascript 和 CSS 的 HTML5 技术在网站和 Web 应用设计中的最新发展。其中,“Air Jordan 2012”为学习设计的朋友提供了很多灵感,而“Draw Stick Man”是交互设计的经典之作,最后的“Believe in”虽然不是什么特别绚丽的设计,但简单的设计,却有不简单的效果。</p> <p> <strong>1. <a href="/misc/goto?guid=4958195028959663054" target="_blank">Draw Stick Man II</a></strong></p> <p> 如果你一直关注 HTML5 的交互实现,你肯定知道这个网站,不过,Draw Stick Man II 比Ⅰ更精彩!</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/cfbd9e8532bf11b26e6a249dfb6a29a2.jpg" width="500" height="250" /></p> <p> <strong>2. <a href="/misc/goto?guid=4958334030834530497" target="_blank">Air Jordan 2012</a></strong></p> <p> 继 NikeBetterWorld 网站后,将视差效果推到一个新的高度的作品,非常优秀!</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/100ed505695900a427ea6ad5ed35e464.jpg" width="500" height="250" /></p> <p> <strong>3. <a href="/misc/goto?guid=4958327787202126399" target="_blank">Agent 8 Ball</a></strong></p> <p> 一个基于 Web 的 8 球游戏。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/cd88cc5b902d42193b8fa9502ab8043c.jpg" width="500" height="250" /></p> <p> <strong>4. <a href="/misc/goto?guid=4958325065288099232" target="_blank">Cut the Rope</a></strong></p> <p> 这可以说是 HTML5 最棒的实现,割绳子是一个有名的且容易上瘾的游戏,一开始只有 iOS 版本,现在 IE10 版本也发布了。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/e5d6b9fd4cd2306ea973e3477de4069d.jpg" width="500" height="250" /></p> <p> <strong>5. <a href="/misc/goto?guid=4958334033091244101" target="_blank">Shave Guard</a></strong></p> <p> 这是一款抓捕游戏人物“大胡子”的游戏,游戏背景设置在澳大利亚。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/3faf844358ddfdc79f73386aea14dc18.jpg" width="500" height="250" /></p> <p> <strong>6. <a href="/misc/goto?guid=4958334033886812985" target="_blank">Drumlet</a></strong></p> <p> 基于 Web 的鼓盒。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/b1153b4e33120db2e1439cb0f1387a0d.jpg" width="500" height="250" /></p> <p> <strong>7. <a href="/misc/goto?guid=4958324892883219555" target="_blank">The Restart Page</a></strong></p> <p> 不同操作系统的各个版本的“重启系统”页面,让你回味以前的时光。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/e296fbb6c2d0270665308d855bfccae5.jpg" width="500" height="250" /></p> <p> <strong>8. <a href="/misc/goto?guid=4958334035396634225" target="_blank">Believe in</a></strong></p> <p> 用漂亮的动态 gif 文件制作的滚动页面。虽然简单,却很精致。</p> <p style="text-align:center;"><img alt="8个很棒的HTML5网站展示" src="https://simg.open-open.com/show/14bf2bbedcbda3f36f326ddff38b54d4.jpg" width="500" height="250" /></p> <p> 原文链接:<a href="/misc/goto?guid=4958334036196127419" target="_blank">8 Awesome HTML5 Website Showcase</a></p> <div id="come_from"> 来自: <a id="link_source2" href="/misc/goto?guid=4958334036995851744" target="_blank">www.iteye.com</a> </div>