HTML5技术

8个很棒的HTML5网站展示

字号+ 作者: 来源:PHPChina    2014-11-17 18:29 我要评论( )

本文给大家推荐8个网站,让大家了解结合了Javascript和CSS的HTML5技术在网站和Web应用设计中的最新发展。其中,Air Jordan 2012为学习设计的朋友提供了很多灵感,而Draw Stick Man是交互设计的经典之作,...

 

  本文给大家推荐8个网站,让大家了解结合了Javascript和CSS的HTML5技术在网站和Web应用设计中的最新发展。其中,“Air Jordan 2012”为学习设计的朋友提供了很多灵感,而“Draw Stick Man”是交互设计的经典之作,最后的“Believe in”虽然不是什么特别绚丽的设计,但简单的设计,却有不简单的效果。

  1. Draw Stick Man II

  如果你一直关注HTML5的交互实现,你肯定知道这个网站,不过,Draw Stick Man II比Ⅰ更精彩!

  \

  2. Air Jordan 2012

  继NikeBetterWorld网站后,将视差效果推到一个新的高度的作品,非常优秀!

  \

  3. Agent 8 Ball

  一个基于Web的8球游戏。

  \

  4. Cut the Rope

  这可以说是HTML5最棒的实现,割绳子是一个有名的且容易上瘾的游戏,一开始只有iOS版本,现在IE10版本也发布了。

  \

  5. Shave Guard

  这是一款抓捕游戏人物“大胡子”的游戏,游戏背景设置在澳大利亚。

  \

  6. Drumlet

  基于Web的鼓盒。

  \

  7. The Restart Page

  不同操作系统的各个版本的“重启系统”页面,让你回味以前的时光。

  \

  8. Believe in

  用漂亮的动态gif文件制作的滚动页面。虽然简单,却很精致.

  \

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪)

    Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边

    2017-05-02 12:00

  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

网友点评
e