"Tales from the development trenches": my talk about development of HTML5 and developing with HTML5, including new intelligent forms, canvas and open video.
23. Evolution of HTML: monkey on left becomes human in 4 stages THIS IS A TITLW THIS IS A DESCRIPTION
24. Evolution of HTML: 5 th monkey (HTML5) is human but dressed in pimp clothing
25. HT M L5 “ ... extending the language to better support Web applications , since that is one of the directions the Web is going in and is one of the areas least well served by HTML so far. This puts HTML in direct competition with other technologies intended for applications deployed over the Web, in particular Flash and Silverlight ” - Ian Hickson http://lists.w3.org/Archives/Public/public-html/2009Jan/0215.html
26. Why do Open Standards matter? The most important program on your computer is your Web Browser.
27. Your web browser Helps you search for information (Google, Yahoo!)
28. Your web browser Lets you be social with friends (Facebook, Friendster, Twitter)
29. Your web browser Lets you write boring work documents (Office online, Google Docs)
30. I email my girlfriend Picture credit: : http://en.wikipedia.org/wiki/Angelina_jolie
33. What people really want to do 1 footer 2 content 3 header 4 logo 5 container 6 main 8 menu 11 search 12 nav 13 wrapper 14 top 17 sidebar 19 banner 20 navigation http://devfiles.myopera.com/articles/572/idlist-url.htm
40. Validator.nu validates ARIA and HTML 5 Hixie: “ When there’s a built-in way to do something, using that is the simplest and most reliable solution. ” Me: “ Do both, for now ”
50. Canvas Immediate graphics mode without plugins Retro-specced, hence accessibility concerns Native support in Opera, Safari, Firefox and Chrome Demonstration
51. What does this code do? <object width="425" height="344"> <param name="movie" value="http://www.example.com/v/LtfQg4KkR88&hl=en&fs=1"></param> <param name="allowFullScreen" value="true"></param> <embed src="http://www.example.com/v/LtfQg4KkR88&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed> </object>
52. HTML5 video Anne van Kesteren, 2007: “ Opera has some internal experimental builds with an implementation of a <video> element. The element exposes a simple API (for the moment) much like the Audio() object: play(), pause(), stop(). The idea is that it works like <object> except that it has special <video> semantics much like <img> has image semantics.”