Form Follows Function: Great HTML5 Demo

Came across this gorgeous demo site for what HTML5 can do. The interaction and effect are amazing and the minimalism design helps too, highly recommend, link here.

You really need to click into every one of them and see the ‘live’ effect to fully appreciate them, but just for teasing purpose:


Pick your experience.


Bokeh. Dreamy color manipulation, works great even for a screen-saver.


Color Pixelated. Create your own Pixel-art with a simple click.


Ripples on the green. The reflection of the city actually ripples as if it’s on water surface.


Waver Typography. All the letters is raining from the top of the screen, and the black waver wiping them left and right, the physics engine of HTML5 is really impressive.


Raining Man. It works almost like a James Bond movie opening.

My language pales before the real thing, so go check it out!


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s