12个精妙有趣的HTML 5应用

开发 前端
W3C发布了HTML5的Logo,不过WHATWG随后宣布取消HTML5的版本号,取而代之的是一个活的HTML标准,这个标准会随着新技术的发展而不断更新。下面的例子充分展现了HTML5的优越性,希望你能喜欢,更多更精彩的应用正等着大家去实现 。

W3C发布了HTML5的Logo,不过WHATWG随后宣布取消HTML5的版本号,取而代之的是一个活的HTML标准,这个标准会随着新技术的发展而不断更新。其实大家叫HTML5都叫习惯了,我们还是继续叫HTML5好了,只是这个名称的含义仅是用来指***的HTML技术而已。下面的例子充分展现了HTML5的优越性,希望你能喜欢,更多更精彩的应用正等着大家去实现 :)

 

 

The Wilderness Downtown

这个是结合了谷歌地图的应用,用到了HTML5的video和Audio标签,鼠标移动的时候,那些鸟会“智能”的躲开,挺好玩的。

 

The Wilderness Downtown

地址:http://www.thewildernessdowntown.com/

 

Jolicloud

Jolicloud可以帮助你把喜欢的Web应用组织到一起,也可以连接本地的图片、音频、视频等文件,有点像一个Web OS。

 

地址:http://www.jolicloud.com/product

Wordmark.it

可以非常方便的查看电脑上安装了哪些字体,并且可以输入文字预览效果。

 

Wordmark.it

地址:http://www.jolicloud.com/productWordmark.it

 

Z-Type

这是一个打字游戏,用到了HTML5中的Canvas和Audio标签。

 

Ztype game

地址:http://www.phoboslab.org/ztype/

 

Nike Better World

这效果太帅了,千万别误认为是Flash做的,实际上是HTML5实现的。

 

Nike Better World

地址:http://nikebetterworld.com/index

 

Klowdz

这是一个绘图应用,发挥你的想象,实在不行,画个神马也可以啊,都是浮云嘛,哈哈。

 

Klowdz

地址:http://www.klowdz.com/

#p#

 

Canvas Cycle

一个很酷的例子,非常有立体感的画面,可以控制循环的类型,速度,声音,大小等等,赶紧试试。

 

地址:http://www.effectgames.com/demos/canvascycle/

 

GraphyCalc

使用HTML5开发的三维模型,通过鼠标旋转来实现一个三维效果。

 

地址:http://www.graphycalc.com/

 

Google Maps + Dynamic Canvas

谷歌地图提供了API可以让你使用HTML5的Canvas来定制一个遮盖层,这个例子激动人心,因为它是我想到的最有用的应用,这个例子显示了所有的伦敦自行车出租点

 

地址:http://www.monocubed.com/2010/09/25/google-maps-dynamic-markers-via-canvas-london-cycle-hire/

 

Darkroom

这个Web应用程序允许你从Flickr等网络服务提取图片,然后使用一些基础但强大的比编辑工具进行编辑并保存。

 

地址:http://mugtug.com/darkroom/

 

20 Things

这是一个使用HTML5实现的电子书应用,非常简洁清爽,效果非常流通。

 

地址:http://www.20thingsilearned.com/

 

Agent 8-Ball

这是一个使用HTML5技术开发的桌球游戏,设计非常漂亮,帅:)

 

地址:http://agent8ball.com/

 

Bonus!

苹果也推出了其网站的HTML5版本,苹果相关产品的粉丝估计得有个billion吧。

 

【编辑推荐】

  1. 20个HTML 5和CSS3的免费网站模板与教程
  2. 10个国外开发的HTML 5精彩应用
  3. 10个令人惊奇的HTML5和JavaScript效果
  4. HTML5迎来新Logo 成下一代Web标准无容置疑
责任编辑:陈贻新 来源: 梦想天空
相关推荐

2020-04-25 19:00:15

Linux终端命令

2012-09-07 10:09:56

CC语言编程

2009-07-02 15:01:07

HTML 5

2016-05-03 10:19:04

H5技巧干货

2011-08-10 13:44:22

HTML 5

2012-07-06 14:39:33

HTML5

2010-12-30 10:06:29

HTML 5

2020-03-21 20:08:23

物联网人工智能智能恒温器

2011-07-27 09:30:21

HTML 5

2019-12-03 19:09:19

JavaScriptNumbers阿里云计算

2011-07-11 10:16:07

JavaScript

2013-07-02 09:17:57

html5组件

2012-08-30 10:18:09

HTML5CanvasHTML5实例

2021-02-04 09:52:30

增强现实AR数字通信

2014-07-24 09:39:52

Android L

2011-07-18 13:35:14

HTML 5

2011-10-26 08:51:48

HTML 5

2020-06-20 14:18:53

Kubernetes容器开发

2015-07-31 10:06:38

2015-05-25 10:40:22

Linux命令行技巧
点赞
收藏

51CTO技术栈公众号