Showcase of HTML5 Websites
Note: This post was first published on the 7th June, 2010.
So you’ve heard all rumors that HTML5 would take over Adobe Flash. While most web community argues that it’s possible or not, you must be wondering what makes HTML5 so powerful that even giant company Apple wants to use it to replace Flash.
Note: As HTML5 is not fully supported by certain web browser like Internet Explorer, you’re strongly recommended to use Firefox browser to view all HTML5 demos below.
A comfortable and fantastic animation created with HTML5’s canvas and audio tag.
Being showcased in the last Google I/O event, this demo shows you how dynamic can HTML5 be.
A HTML5-spawned creature that would please you.
With Bonomo, you can observe different atomic movements simulated with HTML5.
Get amazed with this ‘cross-browser’ HTML5 ball.
Have fun by creating endless floating bubbles with different colors.
Canvas Cartoon Animation
A simple and funny HTML5 cartoon that helps you to understand what HTML5’s canvas element can do.
Flickr PS3 Slideshow
View your Flickr photos with PS3 style slideshow in the web browser.
An interactive demo that works pretty similar to a multi-touch interface.
A very beautiful and futuristic HTML5 kaleidoscope.
Sensitive particle animation that reacts based upon your mouse movement.
Another sensitive and outstanding HTML5 demo that shows how nearby elements react with you mouse movement.
Get lost with this wondrous HTML5 nebula.
View all 2D shapes in parallel perspective.
An elegant HTML5 particle animation that can form into your preferred message.
Get lost with this endless spread animation.
A very cool HTML5 starfield animation that would change direction and speed based on your mouse movement.
One click to boom a playing video.
Observe how HTML5’s canvas wave moves by altering its amplitude, wavelength, width, etc.
Canvas3D and Flickr
Have a whole new 3D experience with Flickr’s photostream.
A realistic, HTML5-based cloth simulation.
Observe a monster evolving into a complicated creature, one of its creator is HTML5.
Giant search engine Google is presented in 3D, playable view.
A high quality and realistic ‘3D on 2D Canvas’ showcase.
While HTML5’s canvas element can be used to create animation and 3D effect, it can also be implemented to present mathematical data.
Gnuplot, a data plotting application in HTML5 version.
RGraph provides a wide range of data presentation like bar chart, progress bar and traditional radar chart.
Ultimately, using all possibilities combined by HTML5 and other langauge, one can create interactive application or game that’s close to Flash application.
Witness the brother of Microsoft Paint comes into your web browser, and his father is HTML5.
A scientific application which is built to help you to understand certain earth element’s structure.
Draw interesting cartoon image with this minimal and interactive cartoon builder.
Drag Anything Here
Drag anything you can drag in the demo to show details.
An original HTML5 application that allows you to make some basic drawings that can be saved into different image format like jpeg or png.
Draw whatever you like and see how they react with simulated gravity.
A powerful HTML5 drawing application that enables you to draw and edit your image in the precise manner.
A web application that confirms geographical position of weather-related message acquired from Twitter, thus forming them into a canvas-based ‘social weather’ map, quite trivial (as stated by author) but interesting.
You would never get bored if you can keep evading hundreds of HTML5 bullets in next second.
Rebound the ball to break all bricks.
Not quite a game, but it demonstrates how HTML5 can be used to develop First Person Shooting browser game.
How many balls can you dodge to get your winning HTML5 square?
Chain the explosion to achieve the goal, don’t get addicted.
Play Tetris in 3D, top-down view.
Draw an item to move the ball to the star, don’t forget about the gravity.
Click, rotate and drop puzzle pieces to solve this HTML5-based jigsaw puzzle.
Slide to the victory, another HTML5 game that’s built to squeeze your mind juice.
One of the most classic game brought back to life by HTML5.
Yet another Tetris game in the pseudo-3D version.