I take this post to resolve a question you asked recently in the comments of an article:
When is a good time to start designing fully with HTML5?
Well, honestly, it depends on the target you are targeting. If you don't plan for your visitors to use Internet Explorer (ex: Mac software page) then start right away with HTML5, but if you need people with IE to see your website, you'd better wait ...
On the entry, well after the jump 48 demos of HTML5 that are amazing and deserve to be seen. Great is little.
Source | HongKiat
aAudio Burst Animation
A comfortable and fantastic animation created with HTML5's canvas and audio tag.
ball pool
Being showcased in the last Google I / O event, this demo shows you how dynamic can HTML5 be.
blob sallad
An HTML5-spawned creature that would please you.
bomomo
With Bomomo, you can observe different atomic movements simulated with HTML5.
Browser Ball
Get amazed with this 'cross-browser' HTML5 ball.
Bubbles
Have fun by creating endless floating bubbles with different color.
Canvas Cartoon Animation
A simple and funny HTML5 cartoon that helps you to understand what HTML5's canvas element can do.
coolclock
A nice, customizable analog clock built by HTML5 and JavaScript.
Flickr PS3 Slideshow
View your Flickr's photos with PS3 style slideshow in the web browser.
interactive polaroid
An interactive demo that works pretty similar to multi touch interface.
JS Fireworks
Enjoy the fireworks moment with your favorite gravity and speed, powered by HTML5 and Javascript.
Kaleidoscope
A very beautiful and futuristic HTML5 kaleidoscope.
liquid particles
Sensitive particle animation that reacts based upon your mouse movement.
mesmerizer
Another sensitive and outstanding HTML5 demo that shows how nearby elements react with your mouse movement.
Cloud Nebula
Get lost with this wonderful HTML5 nebula.
Parallax
View all 2D shapes in parallel perspective.
ParticleAnimation
An elegant HTML5 particle animation that can form into your preferred message.
spread
Get lost with this endless spread animation.
Starfield
A very cool HTML5 starfield animation that would change direction and speed based on your mouse movement.
video destruction
One click to boom a playing video.
waveform
Notice how HTML5's canvas wave moves by altering its amplitude, wavelength, width, etc.
3D effect
Impressed by canvas animation? That's more HTML5's canvas element can do, and it's called 3D effect. Developer can rely on canvas element, DOM and JavaScript to create 3D effect, which can later be developed into 3D animation or game.
Canvas3D and Flickr
Have a whole new 3D experience with Flickr's photostream.
cloth simulation
A realistic, HTML5-based cloth simulation.
Evolving monster
Observe a monster evolving into a complicated creature, one of its creator is HTML5.
google gift box
Giant search engine Google is presented in 3D, playable view.
J.S. Touch
A high quality and realistic '3D on 2D Canvas' showcase.
data presentation
While HTML5's canvas element can be used to create animation and 3D effect, it can also be implemented to present mathematical data.
gnuplot
Gnuplot, a data plotting application in HTML5 version.
RGraph
RGraph provides a wide range of data presentation like bar chart, progress bar and traditional radar chart.
Web Application
Ultimately, using all possibilities combined by HTML5 and other langauge, one can create interactive application or game that's close to Flash application.
CanvasPaint
Witness the brother of Microsoft Paint comes into your web browser, and its father is HTML5.
CanvasMol
A scientific application which is built to help you to understand certain earth element's structure.
Cartoon Builder
Draw interesting cartoon images with this minimal and interactive cartoon builder.
Drag Anything Here
Drag anything you can drag in the demo to show details.
Gartic sketch
An original HTML5 application that allows you to make some basic drawings that can be saved into different image formats like jpeg or png.
PhysicalSketch
Draw whatever you like and see how they react with simulated gravity.
Sketchpad
A powerful HTML5 drawing application that enables you to draw and edit your image in the precise manner.
Small talk
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.
Game
3 Bored
You would never get bored if you can keep evading hundreds of HTML5 bullets in the next second.
Breakout
Rebound the ball to break all bricks.
canvasscape
Not quite a game, but it demonstrates how HTML5 can be used to develop First Person Shooting browser game.
Catch it
How many balls can you dodge to get your winning HTML5 square?
Chain Reaction
Chain the explosion to achieve the goal, don't get addicted.
cubeout
Play Tetris in 3D, top-down view.
etchaPhysics
Draw item to move the ball to the star, don't forget about the gravity.
Jigsaw puzzle
Click, rotate and drop puzzle pieces to solve this HTML5-based jigsaw puzzle.
Slide puzzle
Slide to victory, another HTML5 game that's built to squeeze your mind juice.
Same game
Remove certain group to get another group paired in the same color and you would eventually be awarded a victory.
Tetris
One of the most classic game brought back to life by HTML5.
Torus
Yet another Tetris game in pseudo-3D version.
THE TETRIS DOESN'T GO, I PUT TWO PIECES ON AND STAYED BUT THE REST IS VERY COOL CHAVALES
I love this page ... except the first game. I love you Fran =)
Bye a kiss to the world toooodooooooo
Incredible, spectacular. I can't believe how far web development has come!
I do not know why these resources are attributed to HTML5, this is pure Javascript, before the rise of Flash, with Javascript all these things could be done, there was a study in Barcelona that made some sites that at the time blew my head, all in javascript so much that i learned from them and designed a couple with bouncing balls and all, i completely lost them and still regret it. I don't remember the name of the studio it was something like you2 or 2you2 that was in '98 or so.
Joe Vega …… it shows you have no fucking idea of HTML5… .lol
You may not have any bloody html5 idea, it's true, but you confuse the rooster with the chicken coop and don't differentiate a language from an environment. I challenge you to make an example like the ones here without using Javascript, only with html5, and you will understand what I meant in the post that I deleted. What's more, I've been looking at the source code of the examples and there are several that can easily be done without having to mount it on html5.
That html5 brings many improvements and things that facilitate a lot is true, but the laurels of the fantastic thing that is shown on this page is Javascript.
I am interested in making presentations of this type ... do you have a tutorial or page with resources ??? thanks!!!