1. HTML 5 - A step towards semantic web SachinKhosla Founder, digimantra

2. What’s coming ? HTML – Show me what is it ? Latest in the WEB Web Workers WEB storage API CSS3 Semantic WEB DEMOS

3. HTML5 What ? When ? How ? W3C & WHATWG Web Hypertext Application Technology Working Group Logo

4. HTML5 structured page <header><h1>Hello</h1></header> <nav><p>Menu</p></nav> <section> <p>Section</p> <article><p>article 1</p></article> <article><p>article 2</p></article> </section> <footer><p>The footer</p></footer>

5. Image credits – Sitepoint.com

6. What else ? Forms Required field Autofocus Date Slider Audio & Video Canvas (dynamic scriptable rendering of 2D bitmap images) Auto-complete using datalist

7. RIA Adobe Flash Microsoft SilverlightApache Pivot Sun JavaFX

8. Get involved ? http://www.whatwg.org/news/start Mailing list Twitter account IRC

9. Web Workers – what is it ?

10. Spawning a worker varmyWorker = new Worker('my_worker.js'); myWorker.onmessage = function(event) { //event has the data or the return values alert("Called back by the worker!"); };

11. Web Storage Why do we require this ? How do we do it ? Cookie Hidden form values Query string http://dev.w3.org/html5/webstorage/

13. Bad taste (multiple tabs)

15. The cake It isn't a cake – its Web Storage Session Storage Local Storage

16. Recipe Session Storage Recipe sessionStorage.setItem(key,value); Local Storage Recipe localStorage.setItem(key,value);

17. What good is CSS3 Transparency rgba(255, 0, 0, 0.2); Web Fonts @font-face { src: url("gargi.ttf"); font-family: "gargi"; } Text shadow text-shadow: 2px 2px2px #000;

18. Semantic web HOW ?

19. THANKS Web – http://digimantra.com Twitter - @realin Facebook – http://facebook.com/sachinkhosla