2. Users.Developers.

3. PredictabilityProductivityPower

4. PredictabilityProductivityPower

5. This is an early, developer-focused look.

6. Security is key Domain is highlighted in address bar Improved Manage Add-Ons experience Improved ActiveX Per-user ActiveX installs, without admin Per-site ActiveX controls DEP/NX code execution prevention

7. Compatibility is also keyCompatibility is also key Users’ sites and apps must continue to work with a new browser version The browser needs to “just work”The browser needs to “just work”Reliability IE8 is resilient to crashes in tabsIE8 is resilient to crashes in tabs We decouple the frame from the tabsWe decouple the frame from the tabs Non-crashing tabs are recovered!Non-crashing tabs are recovered!

9. User Experience is not the focus of Beta 1 Unlocking the Web with W3C ARIA ARIA makes advanced web content accessible ARIA roles, states, and properties are used to communicate with assistive technology Improved Zoom Experience

11. Users already use lots of web services Maps: Google, Windows Live, Yahoo Blogs: Facebook, MySpace, Blogger Email: Hotmail, Yahoo, Gmail Productivity: Translate, Search, Dictionary But this is a manual process!

12. Activities connect users to their existing services, from anywhere they may go on the web Easy for web publishers to implement (no client code)

14. http://maps.live.com Map with Live Maps http://maps.live.com/favicon.ico

15. //check if service is already installed window.external.IsServiceInstalled (http://maps.live.com/livemaps.xml); //if false, display button to add service window.external.AddService (http://maps.live.com/liveMaps.xml) ;

16. Users monitor lots of content on the web Auctions, weather condition, top news story... But this is also a manual process! Navigate to page, check price – rinse & repeat Feeds can be used for this scenario… …but the current item is the important one They’re not “the page,” so not always updated

17. WebSlices enable publishers to mark up “subscribe-able” parts of web pages, allowing you to monitor your favorite dynamic pieces of the web

19. hAtom Microformat describes a feed and feed items WebSlice builds on hAtom hAtom can represent static content WebSlice is dynamic content that is expected to change reuses properties on hAtom & adds properties for subscribing properties from hEntry entry-title – the title of the feed item entry-content – the description of the feed item new properties for hSlice ttl – optional. time-to-live value feedurl – optional. alternative path to get updates endtime – optional. the date in which the feed item is no longer relevant

20. hAtom Microformat describes a feed & items WebSlice builds on hAtom hAtom can represent static content WebSlice is dynamic content Webslice reuses properties on hAtom Adds optional properties for subscribing ttl – time-to-live value feedurl – alternative path to get updates endtime – When the feed item is no longer relevant Can be applied to an hAtom

21. The Windows Feeds Platform now supports both feeds and WebSlices Converts WebSlice HTML to Atom feed Accessible by Feed API Sanitizes content (no script) Feeds Platform adds Authentication Support HTTP-based Authentication (Basic & Digest) Basic auth via SSL Uses saved creds for background download

22. Work as expected (i.e. follow the standard)? Work as expected (i.e. do what you used to)?

23. We can't tell if authors (and tools) expect standards, or if they expect past behavior Opting in to standards? Using an HTTP header and tag No, let’s make standards the default But authors can still tell the browser to use “old rendering” when new browsers are released Authors choose to upgrade when they’re ready

24. Predictability (aka standards) for those who want it Predictability (aka compatibility) for those who want that

26. OBJECT works as image interoperably OBJECT without dimensions now sizes to img size OBJECT stretches images to dimensions specified OBJECT falls back when file cannot be found Forms controls more compliant Radio buttons without names are selectable BUTTON element submits value instead of inner text BUTTON element’s default type is submit

27. IE8 goal: complete CSS 2.1 compliance New layout engine Great typographic foundation Designed with CSS 2.1 in hand Clear principles of compliance and interoperability A clean fresh start Yes, this is the end of hasLayout. And other areas of CSS that used to be problematic, like border collapsing and floating elements.

28. Notable new CSS features in Beta 1: Generated Content and Counters New ‘display’ values for tables Outlines We’re also looking forward to CSS3 Box-sizing Property Vertical Text

29. The web needs interoperability The best way to get interoperability: comprehensive unbiased test suites Contributing our tests to the W3C Today: >700 tests offered for CSS under BSD open license We need to validate interpretation Feedback solicited!

30. hasAttribute(“attrName”) (on Element) Supports “unspecified” attributes Case comparisons for HTML are case-insensitive Getters/setters behave consistently (return strings) ownerElement, contentDocument, and more getElementById() no longer includes ‘name’d elements Dynamic radio buttons and checkboxes now work properly getAttribute(for/style/class/[boolean]) fixed Boolean attributes properly returned HTML collections fixed Operation Aborted parsing error relegated to script error

31. CSS, HTML and Javascript debugger “in the box!” Debug JavaScript Execution control (breakpoints, step into, etc.) Variable inspection (watches, locals, etc.) Immediate window Debug CSS and HTML View effective styles Trace styles View applied rules View layout (box model) info Edit HTML and CSS and see the effect immediately

33. Network perf is frequently the problem Parallel connection limit increased to six Modem connections will still have only two Pre-parser doesn’t block at script tags

34. Jscript improvements DOM object look ups are much faster Circular references are garbage collected Faster native JavaScript operations function call performance (lazy ‘this’ evaluation, lazy GC init) string methods (string concat, replace, slice, splice) array methods (concat, sort) read, write, and delete Object methods garbage collection algorithm communication layer between DOM and JScript

35. Web apps don’t integrate with “navigation” Querying for elements in pages is hard/slow Network isn’t always there (or fast enough) Cross domain communication for mash-ups

36. Set Window.location.hash, IE does the rest IE fires an window.onhashchange event IE updates the address bar and back button Allows copy & paste of “Ajax URLs”

37. CSS Selector API Follows W3C WebAPI WG draft standard.querySelectorAll() – returns a StaticNodeList*.querySelector() – returns the first child element APIs can be called on Document or Element 50x faster than Javascript tree traversal Chris Wilson ’s email: cwilso@microsoft.com var vcard; var name; var email; // Grab all vcards in the document var vcards = document.querySelectorAll(‘.vcard’); for (vcard in vcards) { name = vcard.querySelector(‘.fn’); email = vcard.querySelector(‘.email’); }

38. Web applications need local storage Cookies, UserData control HTML5 adds the Storage interface sessionStore (tab/session specific) localStore (shared) Key/value string pairs 10MB per domain, 100MB total IE8 extension: check remaining store, clear

39. Network connectivity is transient HTML5 adds online/offline events And a state indicator <body ononline=“go_online()” onoffline=“go_offline()”>; // Find out if browser is online online = window.navigator.onLine;

40. The most interesting web applications mash up data and components across domains Without restrictions, this is unsafe So today, XHR is restricted to Same Origin You can circumvent this by: Using script (not restricted to SOP) Can be dangerous, if you don’t trust the third party Proxying on the server side Complicated, slower and costly.

41. Cross domain requests require mutual consent between the webpage and server A new object – XDomainRequest (XDR) Your app creates a XDomainRequest object XDR opens a connection and requests data, sending HTTP header XDomainRequest: 1 XDR object gives your app the data IFF server responds with XDomainRequestAllowed An ASP page just needs this: Response.AppendHeader("XDomainRequestAllowed","1"); XDR is always anonymous (no cookies/auth)

42. // 1. Create XDR object var xdr = new XDomainRequest(); // 2. hook up callback for data xdr.onload = readData(); // 3. Set-up connection to an XDR server xdr.open("get", www.contoso.com/xdr.htm); // 4. Send async request to server xdr.send(); // 5. Retrieve text in callback (changeState()) xdr.responseText

43. Some scenarios want more of a “sandbox” Frames are used for this today…. …but they need to add limited communication Again, both sides need to opt in to be “safe” postMessage/onmessage from HTML5 function postToIframe() { document.onmessage = receiver; // message handler var ff = document.getElementsByTagName('iframe')[0]; ff.contentWindow.postMessage('Hello',"http://contoso.com"); }

44. Multi-tiered system IE8 Tech Beta – committed bug filers Public Votes on IE8 Tech Beta bugs IE Beta Newsgroup ( http://go.microsoft.com/fwlink/?LinkId=110585 ) http://go.microsoft.com/fwlink/?LinkId=110585 Report a Webpage Problem Tool Automated Customer Feedback

45. IE8 Beta1 for Windows XP & Windows Vista Now available at http://www.microsoft.com/ie/ie8 http://www.microsoft.com/ie Beta 1 for developers, user beta later this year Please, test your web content and apps! Other IE sessions at MIX08 3 more sessions, 7 hands on labs We want your feedback! Visit the IEBlog & Developer Center for more

46. © 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION. Internet Explorer 8: Putting the Web at Your Service Chris.Wilson@microsoft.com