HTML5 - The Bleeding Edge

A basic introduction to HTML5 and some of the bleeding edge features it offers, or will offer in the future. As of March 2012

Transcript

1. HTML5 and Web apps CENSORED
2. What is HTML5?
3. Some history
4. The Three Parts of a Web Page http://dribbble.com/shots/102587-CSS3-Logo
5. What are web apps?
6. Quick Quiz: Which of these are web apps? Which of these are web apps?
7. Common features
8. Back to HTML5 - Cool features we can use soon (now?)
9. Speech Input Speech Input http://www.flickr.com/photos/rustysheriff/4880170082/in/photostream/
10. Demo
11. Web Audio http://www.flickr.com/photos/gerrysan/7875209/in/photostream/
12. Demo
13. WebGL WebGL
14. Demo
15. Subtitles on videos Video Subtitle Track http://www.flickr.com/photos/smokey_blue/92346516/in/photostream/
16. Demo
17. getUserMedia - Direct access to the users webcam Webcam Access http://www.flickr.com/photos/mofetos/435827739/in/photostream/
18. Demo
19. WebRTC - Web Real Time Communication WebRTC http://www.flickr.com/photos/p1r/1696132815/in/photostream/
20. Demo https://apprtc.appspot.com/?r=63
21. There are loads more HTML5 demos and tutorials available at: http://www.html5rocks.com/en/