in HTML

25 Great Examples Of HTML5 Power

Share via Facebook

HTML 5 is the flagship when it comes to web development because you can make some jaw-dropping stuff with it. It is fast, clean and if you combine it with CSS 3, you have a lethal weapon in your hands. You can develop almost anything from video players and all the way to simple interactive games. It is amazing and I really hope more and more web developers will adopt it. When it comes to rich content applications or complex games, I know is not a Flash killer right now but I hope in the future years and with some major development, it will take his place.

Bomomo

Tunneler

Geolocation

Magnetic

Google Box

HTML5 Video Destruction

Sinuous

Cloth Simulation

Canvas Paint

Canvas Gradient(move the mouse to change the color)

Lines go all over the place

Drag and drop

Editable Content

Two videos in sync

Storage events

Some of the examples below works only in Google Chrome Browser

Pong 3D

Interactive Circles

Geoid Viewer

The WebGL Globe

Tron Tank Program

Typographic Effects

Guess What Cup

Fractal Lab

Walking with CSS3

Core


Our 650-987 and ccna voice practice questions provide you 100% exam pass guarantee. You can get free access to 642-813 & ccna exams with multiple prep resources of pmp.

Bogdan

Bogdan is the founder of Top Design Magazine. You can find him in Bucharest-Romania so next time you want to drink a beer there and talk about web and stuff, give him a message.

  • Tomas

    Looking at HTML5 demos you easily got the feeling of the old Flash days more than 2011. Flash cover more or less all desktop computers, but HTML5 cover not more than half of desktop computers, and advanced HTML5 things works quite bad on mobile platforms. Digging into CSS3/WebGL/etc things you limit your audience even more in crossbrowser compatibility. Obviously people like to watch video in HTML5, but even to create these simple things you have to encode in multiple formats to support all platforms. In next version of Flash we will see 3D, look at “Molehill 3d demos”. HTML5 will not be finalized in years and is basic compared to Flash, when will we see HTML6 that do all things Flash do?

    • Anonymous

      Yes, you are right and that’s why I said that it will take a lot of development in order to surpass Flash. The good thing is that it can be done; I have nothing against Flash but it has some major drawbacks like software decoding and the fact that Flash was designed for PCs using mice, not for touch screens using fingers and that’s a big problem because nowadays the trend is going fully digital.

      • Tomas

        HTML5 has still too many drawbacks and you have to be careful. Its tricky to work in many browsers. Ads for example, in Flash you have one small compressed file to distribute, its often optimized for low bandwidth and low cpu. In HTML5/javascript you often end up in a lot of files, crossbrowser frameworks etc. My guess is that not many of your examples work good for touch devices.

        Flash 10.1 has support for touch devices, there is no magic because you write javascript, you have the same problems there, there is often problem with touch and HTML5 canvas. So whats your point about that? 

  • Pingback: 25 Great Examples Of HTML5 Power

  • http://twitter.com/Juanlu001 Juan Luis Cano

    Fuck video streaming then

  • http://blog.mostof.it/ Ochronus

    Nice showcase :) I’ve also written a very simple html5 website template starter kit http://blog.mostof.it/html5-page-structure/

  • Pingback: 25个让人惊叹的 HTML5 应用实验 | IMDevice

  • Pingback: links for 2011-06-03 « Webデザインリンク集 Webデザインポータルサイト S5-Style

  • Pingback: 25个让人惊叹的 HTML5 应用实验 « ARM9 & Embedded System

  • Pingback: 25个让人惊叹的 HTML5 应用实验 | 屋檐下

  • Pingback: 25 Great Examples Of HTML5 Power | Top Design Magazine – Web Design and Digital Content « Моя копилка

  • http://twitter.com/zapmedia zapmedia

    HTML5 is the business!

  • Pingback: 25 Great Examples Of HTML5 Power | play

  • http://www.wardwideweb.com/ web design examples

     Web design examples can show you how different user interfaces work and how important it is to ensure that your site operates properly and easily so that clients will want to return to your site.

Submit community news!


Name / Full Name [Field is mandatory]

Website (ex: http://www.yourwebsite.com)


News Title [Field is mandatory]

News Category [Field is mandatory]


(ex: http://www.yourwebsite.com/news-article/) [Field is mandatory]


A short description about your News / Article minimum of 50 Chars [Field is mandatory]