2. 2 Internet Explorer 8: Pushing the Web Forward Travis Leithead Program Manager, IE Team

3. 3 Pushing The Web Forward Interoperability Productivity New features 

4. 4 Interoperability The web platform should "just work" Adherence to standards Interoperability versus compatibility

5. 5 Balancing Interoperability vs. Compatibility IE versioning gives you the option – Opt-in to compatibility – Update on your schedule

6. 6 Examples of Real-world Compatibility Problems

7. 7 Website Compatibility Best Practices Use the META tag or HTTP header Don't use user-agent string detection Don't block forward compatibility with conditional comments – IE7]-->

8. 8 CSS 2.1 Interoperability New layout engine – Great typographic foundation for the future – Designed with CSS 2.1 (and CSS3) in mind Resolving ambiguities through test cases 3221 new test cases IE 8 Beta 2: feature complete!

9. 9 CSS 2.1 Features Legacy bugs fixed! Generated content More printing controls Outlines Additional whitespace property values CSS 3 – Writing mode (fixed) – Block progression – Box sizing

10. 10 HTML/ Programming Model HTML – OBJECT tag – Form controls – More… Programming model – Attributes work consistently – getElementById, etc. – DOM prototypes – Getters and setters

11. 11 ARIA Roles/states for HTML-based widgets Consumed by assistive technology

12. 12 Productivity Developer tools Performance

13. 13 Existing Tools Authoring environments (Expression Web) – Great for authoring – Bad at debugging browser-specific issues Debugging environments (Visual Web Dev Express) – Great for debugging script – Lots of overhead for lightweight debugging

14. 14 Developer Tools in IE8

15. 15 Performance Making the browser faster New platform performance features

16. 16 Faster IE8 Performance tuning – Javascript – Common DOM APIs – Layout engine “It just feels faster”

17. 17 Key Platform Performance HTTP connection limit raised to 6 More parallel downloads Garbage collection of circular memory leaks

18. 18 New Performance Features DataURI – Avoid cost of extra network requests – Cost to base64 encoding Selectors API – Find HTML elements at run-time using CSS syntax – Native implementation ( document.querySelectorAll )

19. 19 New Features For Developers Where are developers limited in AJAX space? – Web applications and browser navigation – Network connectivity and offline scenarios – Safe cross domain communication

20. 20 AJAX Navigation Set window.location.hash, and IE does the rest… – onhashchanged event – Update address bar – Update back button Allows copy & paste of "AJAX URLs"

21. 21 AJAX navigation

22. 22 AJAX Navigation Best Practices Use AJAX navigation for state transitions that feel like a navigation

23. 23 Client-side Storage Web applications need to store data locally – Cookies, UserData control HTML5 client-side storage – window.localStorage (permanent storage) – window.sessionStorage (per-session storage) – Key/value string pairs – 10MB per domain, 100MB total

24. 24 Connection Events Online/ offline events window.navigator.onLine state indicator Now available on Windows XP Not a perfect solution for detecting site connectivity

25. 25 Client storage/ connection events

26. 26 Cross-domain Communication Browsers block cross-domain to protect against malicious content Workarounds can be dangerous and costly Use "safe" cross-domain features in IE8 – Cross-domain requests (XDR) – Cross-document messaging (XDM) – JSON – toStaticHTML

27. 27 Cross-domain requests (XDR) XDomainRequest object – Mutual consent via request/response headers – Annonymous – No cookies/ authentication Compatible with W3C's Access Control draft spec in Beta 2

28. 28 Cross-document Messaging (XDM) Many mashup scenarios benefit from a frame “sandbox” Frames in different domains are not allowed access Use cooperative message posting from HTML5 in IE8 – postMessage and “message” event

29. 29 HTML Sanitization 3 rd party string data exposes potential for script- injection attacks toStaticHTML – Filters out executable script constructs – Based on Microsoft’s Anti-Cross Site Scripting Library

30. 30 JSON Serialization JavaScript Object Notation (JSON) commonly used to pass data as a string Sites often revive JSON strings into objects using “eval” – At risk of running executable code Native JSON parser built-in to IE8 – JSON.parse (string-to-”safe object”) – JSON.stringify (object-to-string)

31. 31 HTML sanitization/ JSON

32. 32 Closing Interoperability – Make your sites ready Productivity – Enjoy performance – Use the developer tools New features – New features – AJAX navigation – Network connectivity and offline – Safe cross-domain scenarios We want your feedback! travil@microsoft.com microsoft.com/ie8

33. 33

34. 34 Slide for Showing Software Code Use this layout to show software code The font is Consolas, a monospace font The slide doesn’t use bullets but levels can be indented using the “Increase List Level” icon on the Home menu To use straight quotes " instead of smart quotes ”, do this: 1. Click on the Office Button in the upper left corner 2. At the bottom of the menu, choose PowerPoint Options 3. From the left pane, select Proofing 4. Click on the AutoCorrect Options button 5. Select the AutoFormat As You Type tab, and deselect “Straight quotes” with “smart quotes”. Then Click OK.

35. 35 Resources www.microsoft.com/teched Tech·TalksTech·Ed Bloggers Live SimulcastsVirtual Labs http://msdn.microsoft.com Developer’s Kit, Licenses, and MORE! http://microsoft.com/expression Professional Design tools for tomorrow

36. Breakout Sessions (session codes and titles) Interactive Theater Sessions (session codes and titles) Hands-on Labs (session codes and titles) Related Content

37. Track Resources Resource 1 Resource 2 Resource 3 Resource 4

38. 38 © 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.