8个很棒的HTML5网站展示
fmms 12年前
<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>