阅读更多

7顶
0踩

Web前端

翻译新闻 8个很棒的HTML5网站展示

2012-03-21 15:12 by 正式编辑 sherry617 评论(3) 有13968人浏览
本文给大家推荐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文件制作的滚动页面。虽然简单,却很精致。



原文链接:8 Awesome HTML5 Website Showcase

  • 大小: 19.3 KB
  • 大小: 25.6 KB
  • 大小: 29.2 KB
  • 大小: 31.6 KB
  • 大小: 29.6 KB
  • 大小: 35.8 KB
  • 大小: 43.1 KB
  • 大小: 13.2 KB
7
0
评论 共 3 条 请登录后发表评论
3 楼 lan13217 2012-03-22 13:06
一碗三餐 写道
第一个是HTML5 吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

svg ie都可以跑的
2 楼 一碗三餐 2012-03-22 12:46
第一个是HTML5 吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
1 楼 liangyue1990 2012-03-22 09:28
割绳子

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Android外挂开发探索

    现在就可以运行一下看看效果了。 开启辅助服务 此时运行程序,会发现没有任何 onAccessibilityEvent 事件打出。这是因为辅助功能是一项比较危险的功能,默认是关闭的。需要到系统设置中手动打开才可以使用。 通过图...

  • 【近3万字分享】《Android开发之路——10年老开发精心整理分享》

    我12年毕业后入行,在上大学的时候培训了java开发,实习期间因为公司需要,按领导要求在公司跟着一个也是刚工作半年的妹子学习Android开发,如今想起来那个妹子也算是我的启蒙老师了。

  • android手机寿命,一台智能手机一般能用多久_一台手机的使用寿命是多长

    来跟小编看看一台智能手机的使用年限是多久呢?谈到手机大家绝对不会陌生的,手机是现在所有人必不可少的工具,现在的手机已经不再只是打电话这么简单了,对于手机的功能,相信大家再清楚不过了。在当下,基本所有的...

  • android开发json数据层,android应用程序框架层 Android如何用json格式传数据到后台(SSM) 做一...

    刚刚开始接触Android, 有很多地方都不同懂,甚至有点想放弃,曾几何时,我会感叹 安卓“从界面到放弃”,但做什么事都要坚持下来,这个登录做了一周了,下面开始进入主题。这篇博客是写Android 客户端登录,怎样传...

  • 2021年展望Android原生开发的现状,重难点整理

    然而也必须说明一点,不论是Android开发还是iOS开发,虽然都出现了相关的程序员供大于求的情况,但市场仍然是有需求的,特别是对资深的开发人员及拥有相关底层开发知识的应用程序员市场及发展还是很多的;...

  • Github TOP100 Android开源,android开发环境搭建实验报心得

    排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不相关的项目, 所以排名并不具备任何官方效力, 仅供参考学习, 方便初学者快速了解当前一些流行的 Android 开源库。...

  • Android图表年度最强总结,一篇文章从入门到精通!

    说到Android图表,不得不说一说MPAndroidChart这个强大的开源图表库,什么折线图、柱状图、饼图、气泡图、蜡烛图、混合图那是应有尽有!

  • Github TOP100 Android开源,flutter与android混合开发

    | 15.&nbsp;MPAndroidChart | ...ActionBarSherlock (不建议使用) | ActionBarSherlock 这个库是 JakeWharton 大神开发出来支持 Android3.0 以下版本的, 后来慢慢的 Google 也提供了 AppCompat 库来支持 Android3.0

  • Android开发艺术探索笔记(一) Activity的生命周期和启动模式(1)

    这或许也是为什么任大神会在《Android开发艺术探索》这本书中把Activity作为第一章的用意。而在本章的博客中,除了对书中的内容做笔记之外,也会相应地增加一些内容,希望对Activity做一个较为全面的介绍

  • Flutter学习笔记&学习资料推荐,大学生android开发项目实例

    Flutter开发中的一些Tips Flutter开发中的一些Tips(二) Flutter开发中的一些Tips(三) 正确操作Dart中的字符串【译】 Flutter三种方式实现页面切换后保持原页面状态 下面是我在学习过程中遇到的一些...

  • Unity开发手游在Android平台的内存优化

    游戏客户端开发在之前Android客户端内存优化工作中发现,Android的内存组成部分较多,而每一部分的含义以及测量工具在官方文档以及Google中都没有找到详细资料,最终通过分析相关Android源码以及测试对每部分含义有...

  • Android开发笔记(一百一十七)app省电方略

    PowerManager是Android的电源管理类,用于管理电源操作如睡眠、唤醒、重启以及调节屏幕亮度等等。 PowerManager的对象从系统服务POWER_SERVICE中获取,它的主要方法如下: goToSleep : 睡眠,即锁屏。 wakeUp : 唤醒...

  • android 开发赚钱

    开发android也有一年左右了,利用业余时间陆续做了几个自己的应用,应用比较烂,每天就那么一点点收入,但是,还是想分享一下 利用业余时间开发自己的应用怎么赚取些零花钱,当然你应用做得好,用户多,那就不只是...

  • php后端开发技能树,后端开发知识结构图 知识技能之树一眼看清楚

    学生时代的你肯定会通过各种方法来识记枯燥无味的...一、后端开发知识结构图的大致介绍后端开发在不同的设备之间如果共一套后台,那么服务端开发如果使用JAVA、C#等,在PC的WEB端这些语言都有分别提各自的可以说是...

  • android经典蓝牙开发

    Android蓝牙开发

  • Android开源项目推荐之「网络请求哪家强」

    本篇说的网络请求专指 http 请求,在选择一个框架之前,我个人有个习惯,就是我喜欢选择专注的库,其实在软件设计领域有一个原则叫做 「单一职责原则」,跟我所说的「专注」不谋而合,一个库能把一件事做好就很不错...

  • 安卓和java哪个前景好_2016安卓开发和java开发哪个前景好? 请详细客观评价近期以及长远的优势,谢谢!...

    2016安卓开发和java开发哪个前景好? 请详细客观评价近期以及长远的优势,谢谢!以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!2016安卓开发和java...

  • Android开发移动网络连不上后台,wifi却可以问题查找解决;

    1、最近在做一个项目,一直在用wifi测试,使用的...2、看日志就是地址不对,ping和telnet都可以通,很费解,开始找度娘,结果看了好多,都是修改这个版本号小于27,然而我的已经是27之下了。 3、还有说是安卓系统禁...

  • 个人从零开发一款 Android 应用、上线并盈利 | 项目复盘

    最近个人开发的一款应用 言叶 刚刚发布了 1.4.0,至此,我想要开发的大部分功能已经完成了。本来我也想做一次复盘,刚好趁这个机会分析下并发出来。在这篇文章中,我想分析的并不仅仅是技术,除此此外,我也会分析下...

  • 对黑客得思考!

    关于黑客得定义,网上总说纷纭,当然了,前辈们定义得黑客是没有什么错,而且也是一番好意,为了让现在的人懂得真正的黑客道义,就我个人而言,从我接触到黑客的时候,一直是被黑客界定义的精神所震撼,那种自由的精神,这样才让我真正的以黑客为目标的前进。不管网上对黑客的定义是褒义还是贬义,我认为想当一名黑客有什么不敢跟别人说的呢?总有一些人被那种黑客的条例所迷惑,当问及一些本来就想当黑客的人这个问题,是否想做一

Global site tag (gtag.js) - Google Analytics