Few weeks back, I wrote about how Html5 is slowly (but surely) becoming the only true cross platform technology, therefore becoming a significant player in mobility, supported by iPhone, Android, BlackBerry (6.0 and on), webOS, and soon, so I believe, WP7, providing advanced user interface, offline capabilities and rich media/videos. Combined with CSS3 and JavaScript, Html5 is probably the next big thing, and not only for the "classic" web…

As someone who recently used html5 for developing a cross platform mobile application, including a massive use of the offline/database capabilities, store & forward queues, files caching etc. I can tell you that our experience with it was pretty good. It’s great to see a web app running completely offline on iPhone, Droid, Galaxy S, Torch, Nexus, and other devices.

Today I saw a few great sample sites (at makeuseof) using Html5 which I wanted to share. They are not mobile optimized but they do show the strengths of html5 in terms of visual effects, user interface, and videos.

Check it out:

Radiohead / HTML5 Mashup

radiohead-html5-demo

What’s better than a great mashup including Radiohead’s greatest song ever created (Idioteque) with some drawing of Thom Yorke which is drawn as the song progresses.

This is a "must see" page, open it with sound, in Chrome, but make sure other open pages do not include youtube videos etc. otherwise it will show an error. AMAZING STUFF: http://www2.nihilogic.dk/labs/canvas_music_visualization/


20 Things I Learned About Browsers And The Web

This one demos a “book” styled approach to a description about how web browsers work and how many of the underlying technologies work.

I didn’t really read it but the visual effects are nice.


Netflix Talks About HTML5 In Its Device Apps

Check out the following post talking about how html5 is combined together with some native code to provide great end-user apps.


Video Effects

html5-video-effects

HTML5 allows you to to much with video on the web. In addition to letting you play it without your web browser, with no plugin, it allows you to manipulate that video. This demo shows how you can “Blow up” the pixels of a video while playing: http://craftymind.com/factory/html5video/CanvasVideo.html.


Check out more samples in here.

2 COMMENTS

Comments are closed.