So, you’ve heard something about HTML5. It’s supposed to be super cool, but you’re not technical, so you have no real clue what’s all the fuss about.

Which websites are HTML5? Or maybe there are none yet? How will I recognize the HTML5 site, does it look any different than other sites?
I have some good news for you - there’s a collection of nice demos presenting some of HTML5/CSS3 features and you can find it here: http://www.designyourway.net/blog/inspiration/css3-html5-experiments-that-will-blow-your-mind-47-examples/
If you don’t have time to check all the 47 examples, make sure that you get familiar with the following ones:
  1. CSS 3D Clouds - http://www.clicktorelease.com/code/css3dclouds/ (try moving cursor!)
  2. CSS3 Animations - http://beta.theexpressiveweb.com/#!/css3-animations
  3. Scroll effects -  http://lab.hakim.se/scroll-effects/
  4. Wave -  http://hakim.se/experiments/html5/wave/03/ (try moving cursor!)
  5. Morphing cubes -  http://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html
  6. Particle system - http://andrew-hoyer.com/experiments/particle_system/ (try clicking in the central panel)
  7. Zeitgeistbot - http://www.zeitgeistbot.com/ (just check this menu - best on the web!)
  8. Cloth simulation - http://andrew-hoyer.com/experiments/cloth/
  9. Canvas video -  http://craftymind.com/factory/html5video/CanvasVideo.html (click the video!)
And none of those requires external plugins. It will work on any HTML5 compliant browser, (what means pretty much any browser if you keep it up-to-date) regardless of the hardware behind (whether it’s PC, tablet or smartphone).
If you want to check some technical info, but still in a very interactive form - here’s your link: http://slides.html5rocks.com/#landing-slide
Share this post