`

50个Demo展示HTML5无穷的魅力

阅读更多

50个Demo展示HTML5无穷的魅力

Flash和HTML5的比较已经成为现在最热门的主题之一,我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样,除非 HTML5在未来几年有一些重大发展,否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其 无限潜力。

1. Tunneler

Tunneler

2. JuicyDrop

juicydrop

3. Magnetic

Magnetic

4. Trail

Trail

5. Sinuous

Sinuous q

6. DDD

DDD

7. Harmony

harmony

8. Lines go all over the place.

Lines go all over the place.

9. Chrome Canopy

Chrome Canopy

10. Ball Pool

Ball Pool

11. Chain Reaction

Chain Reaction

12. Entanglement

Entanglement

13. Blob

Blob

14. Biolab Disaster

Biolab Disaster

15. Google Gravity

Google Gravity

16. Core

Core

17. Gartic

Gartic

18. HTML5 Video Destruction

HTML5 Video Destruction

19. The tristan washing machine

the trista

20. Changing Background

Background Changing

21. HTML5 Drum Kit

HTML5 Drum Kit

22. Dynamic Content Injection

Dynamic Content Injection

23. Geolocation

Geolocation

24. Video for Everybody!

Video for Everybod

25. Projekktor Zwei

Projekktor

26. ContentEditable

ContentEditable

27. Drag and drop

Drag and drop

28. Canvas Photo

Canvas Photo

29. 360° MP3 player

360° MP3 player

30. JaVortex

JaVortex

31. 3D Model Viewer

Javascript 3D Model Viewer

32. 3D Landscape on HTML5 canvas

3D Landscape

33. Stalk Buttons

Stalk Buttons

34. JavaScript Fireworks

JavaScript Fireworks

35. Blob Sallad

Blob Sallad

36. SublimeVideo

SublimeVideo

37. Catch it!

Catch it!

38. Breakout Clone

Breakout Clone

39. Sketchpad

Sketchpad

40. Simple Drag and Drop

Simple Drag and Drop

41. CanvasPaint

CanvasPaint

42. Monster

Monster

43. Making waves with html5

making waves

44. Starfield

Starfield

45. The mesmerizer

The mesmerizer

46. Bomomo

bomomo

47. Canvas Nebula

Canvas Nebulaq

48. Liquid Particles

Liquid Particles

49. Moving Cloth in HTML5

Moving Cloth in HTML5

50. CanvasMol

CanvasMol

英文原文:50 Advanced HTML5 Demos to show It’s Power

看见此文,感觉非常酷,分享给大家,请使用支持HTML5的浏览器观看Demo!

作者:朱祁林
出处:http://zhuqil.cnblogs.com

分享到:
评论

相关推荐

    大数据展示DEMO+html网页

    标题 "大数据展示DEMO+html网页" 暗示了这是一个使用HTML和Echarts库创建的大数据可视化的演示项目。Echarts是一个流行的JavaScript图表库,它允许开发者在Web页面上生成交互式的数据可视化图形,特别适合大数据的...

    HTML5 手机端APP简单demo

    HTML5手机端APP简单demo是用于展示HTML5技术在移动端应用的一个实例,它通常包含多个页面,用于测试和展示HTML5的各种功能和特性。在这个demo中,我们可以看到开发者设计了四五个页面,这些页面可能包括启动页、主页...

    HTML5——demo

    本示例"HTML5——demo"是一个适用于Android平台的HTML5源码项目,它展示了如何在移动设备上运行HTML5应用,为用户带来与原生应用类似的体验。 首先,HTML5引入了许多新的元素,如`<header>`、`<nav>`、`<section>`...

    一个html5的demo

    一个html5的demo,可参考布局,html5是2017标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做...

    android手机HTML5demo

    本“android手机HTML5demo”提供了一个实例,帮助开发者了解如何在Android环境中实现HTML5技术。 在Android平台上,HTML5主要通过WebView组件来展示和运行。WebView是一个可以加载和显示网页内容的视图,它是...

    一些html页面或是效果的demo

    一些html页面或是效果的demo 一些html页面或是效果的demo 一些html页面或是效果的demo 一些html页面或是效果的demo 一些html页面或是效果的demo 一些html页面或是效果...

    一款好用的html5样式demo

    总的来说,这款"好用的html5样式demo"结合了HTML5的新特性、CSS3的美化能力和jQuery的交互性,展示了如何构建一个既美观又实用的网页。学习并理解这些技术,对于提升网页开发技能和用户体验设计有着至关重要的作用。...

    html5 播放视频DEMO

    "html5播放视频DEMO"是一个展示如何在网页中使用HTML5来播放视频的实际示例。在这个DEMO中,我们主要关注的是`<video>`标签的使用。 首先,让我们来看看`<video>`标签的基本结构。在HTML5中,你可以通过创建一个`...

    最新 html5-demo报表值得学习

    最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 html5-demo报表值得学习最新 ...

    html5网站demo

    这个"html5网站demo"是一个展示如何利用HTML5、CSS技术构建现代网站的实际应用案例,包含了5个页面,旨在作为一个读书网的示例,帮助学习者理解并掌握这些技术。 首先,HTML5引入了许多新的元素,比如`<header>`、`...

    html5-demo

    这个"html5-demo"项目显然是一个针对初学者和即将采用HTML5进行开发的人员的快速入门资源。它包含了一个示例模板,通过直接修改这个模板,学习者可以直观地理解并掌握HTML5的基础和高级特性。 1. **HTML5结构元素**...

    HTML 5 introduction PPT, DEMO

    本资源包含一个HTML 5介绍的PPT和一个DEMO,旨在帮助开发者和学习者深入理解HTML 5的新特性与应用。 HTML 5.ppt可能是对HTML 5的全面讲解,涵盖了以下关键知识点: 1. **语义化标签**:HTML 5引入了许多新的语义...

    HTML5以及CSS3demo

    H5新特性以及结合C3的小demo,有利于更好的学习H5开发

    超绚丽的HTML5地图分布动画DEMO演示

    总的来说,这个DEMO展示了HTML5、Canvas、GeoJSON、CSS3和JavaScript库在创建动态、交互式地图应用方面的强大能力。通过学习和理解这个DEMO,开发者可以提升自己在Web开发中的技能,尤其是地理数据可视化的技巧。

    html5商城页面,网页端demo

    这个“html5商城页面,网页端demo”项目,结合了HTML5、CSS以及一部分JavaScript技术,为我们展示了如何构建一个现代化的网上购物平台。 在HTML5中,一些重要的新特性包括: 1. **离线存储(Offline Storage)**:...

    超炫酷的HTML5视频播放器DEMO演示

    这个“超炫酷的HTML5视频播放器DEMO演示”是一个展示如何利用HTML5的`<video>`标签来创建交互式视频播放器的例子。在这个DEMO中,用户可以体验到诸如点击“喜欢”,“开灯”和“关灯”等互动操作,这些功能为视频...

    静态HTML5接入海康websocket视频流Demo|海康ws视频流接入H5页面Demo

    这个“静态HTML5接入海康websocket视频流Demo”就是针对这一需求的具体解决方案。 WebSocket是一种在客户端和服务器之间建立长连接的协议,它允许双方进行双向通信,即服务器可以主动向客户端推送数据。在海康的...

    HTML5 Demo

    这个"HTML5 Demo"显然是一个利用HTML5新特性的示例项目,旨在展示HTML5在网页设计和开发中的应用潜力。下面我们将深入探讨HTML5的若干关键知识点,以及它们如何在这个Demo中得以体现。 1. **语义化标签**:HTML5...

    430个h5小游戏源码demo

    《430个H5小游戏源码Demo》 在当今数字化时代,HTML5(简称H5)技术以其跨平台、轻量级、易交互的特点,成为网页和移动应用开发的重要工具,尤其在小游戏领域,H5游戏源码的广泛应用使得开发者能够快速构建出丰富...

    基于html5+css3实现的精美聊天界面demo

    总的来说,这个基于HTML5+CSS3的聊天界面Demo展示了现代Web技术的强大潜力,不仅提供了基本的聊天功能,还注重用户体验和视觉设计。开发者可以通过学习这个示例,进一步提升自己的前端开发技能,理解如何利用新技术...

Global site tag (gtag.js) - Google Analytics