You’ve probably seen a bunch of tutorials or articles about HTML5 on design blogs recently, but didn’t try to use it because most users will not be able to view it anyway. Now to motivate you, I compiled a few HTML5 demos that should make you want to start learning this new markup.
Be aware that you may not be able to see some of the demos. To know what elements of HTML5 your browser supports, take a look at this chart.
1. APIrocks HTML5 slideshow
If you only have time to watch one of the demos suggested in this article, take a look at this great slideshow by APIrocks. It is not the most spectacular demo in the list, but it gives some cool examples with explanations and code examples.
2. Sublime Video: a HTML5 video player
Ready to see some videos in your browser with no plugin or flash required? If so go take a look at SublimeVideo. I’m not even mentionning how gorgeous the player is or how cool the full-window functionality is.
3. Blowing up HTML5 video
This will probably not only blow a video in your browser, it will also blow your mind. It’s very experimental and hard to see a use for this, but it’s good to see that technical limits will be pushed.
4. HTML5 canvas games
Another HTML5 demo using canvas, it shows you some molecules in a rotation.
And much more
On the HTML5 demo site, go take a look there.
Getting started with HTML5
- Dive Into HTML5
The most comprehensive site I found about HTML5, written by Mark Pilgrim.
- HTML5 and CSS 3: The Techniques You’ll Soon Be Using
In-depth tutorial on NetTutsPlus.
- Coding A HTML 5 Layout From Scratch
Another full-layout tutorial with HTML5, on Smashing Magazine this time.
- A preview of HTML5
A good explanation of what’s coming in HTML5 on A List Apart.
- How to Make an HTML5 iPhone App
Another good reasons to use HTML5: creating iPhone App.