Shawn Wildermuth President, AgiliTrain Microsoft MVP (Data) Truth and Fiction

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Shawn Wildermuth ◦ ◦ ◦ C# MVP, MCSD, INETA Speaker ◦ Silverlight Insider, CSD Insider, Data Insider  Book Author ◦ Pragmatic ADO.NET ◦ MCTS Training Kit (Exam 536) ◦ MCPD Training Kits (Exams 547, 548 & 549) ◦ Windows Phonebook (Upcoming) ◦ Silverlight Architecture (Upcoming)

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Emerging Standard ◦ Partially Implemented in Many Browsers ◦ Its not about the browser but the Rendering Engine  Trident (IE)  WebKit (Chrome, Safari, Android, iPhone)  Gecko (Mozilla/Firefox)  Presto (Opera)  “The ones that win are the ones that ship.”

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  HTML5 Moniker is Variety Of Technologies ◦ HTML New Tag Support ◦ CSS3 Styling ◦ JavaScript API’s to support both

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Built on top of HTML4 ◦ Much of what you will do is backwards compatible ◦ Some can be mimicked with JavaScript ◦ Detection Libraries become important

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  ◦ Yeah really…  really works ◦ CSS, alternatives, RSS feeds, translations, pdf, etc.

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Not formatting but intent  Reducing madness with information ◦

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Tags to support specific features ◦,,  Codecs are a mess here  No support for DRM  Browsers are fighting over thes ◦  Drawing surface, not a vector format  JavaScript API to draw, no markup  SVG may rise from the ashes to make due

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction   (text annotations)

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  New Input Types ◦ Search ◦ Number (spinboxes) ◦ Range (sliders) ◦ Color (color pickers) ◦ Tel (for phone numbers) ◦ Url ◦ ◦ Date (calendars) ◦ Month ◦ Week ◦ Time ◦ Datetime ◦ Datetime+local (localized DateTime)

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Placeholder ◦ (for watermarking)  Autofocus ◦ (for specifying initial focus on a form)  Regex Validation  Required attribute  Commands

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  navigator.geolocation.getLocation() ◦ Long/Lat ◦ Altitude ◦ Accuracy ◦ Heading ◦ Speed

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Two Facilities ◦ Local Storage (part of HTML5) ◦ WebDB (Ad hoc by browsers)

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Local Storage ◦ Name/Value pair storage  localstorage.foo = true;  var foo = localstorage.foo

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  WebDB ◦ Not standardized yet ◦ SQLite probably solution ◦ SQL a must here ◦ Safari and Chrome have implemented

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Support for telling browsers what it needs ◦ ◦ Lists all the files so brow ser can go offline CACHE MANIFEST NETWORK: /tracking.cgi CACHE: /clock.css /clock.js /clock-face.jpg

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Annotations at the tag level ◦ “Microdata annotates the DOM with scoped name/value pairs from custom vocabularies.” ◦ Allows you to add attributes via schema Mark Pilgrim ty. <img itemprop="photo" src=" alt="[me smiling]"> dive into mark Mark Pilgrim ty. <img itemprop="photo" src=" alt="[me smiling]"> dive into mark

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  WebWorkers ◦ (e.g. Threads)  WebSockets ◦ (e.g. Network communication)  History API ◦ (manipulating history and interpage linking)  Editable Content ◦ (no more editors)  Drag and Drop  Undo Support  File API

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Not really part of HTML5 ◦ But delivered in similar timeframe  Not enough time to cover its pieces  But maturation of CSS 2.1

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction

© , Wildermuth Consulting Services, LLCHTML5: Truth and Fiction  Links: My Blog: Presentation and Code Available There Up and Running with HTML5: Wikipedia Engine Differences HTML5 Schema Support for VS 2010/08 World of VS Default Browser Switcher f742-41ef-974a-cdac607df921 (easier to just search by name)