12个精妙有趣的HTML 5应用

时间:2014-10-09

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/

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吧。

 

\

上一篇:苹果谷歌无视Flash同推HTML5 下一篇:HTML5语言图标

相关文章

最新文章