IE8 Compatibility Mode [SXSW 2009]

2,309 views
2,207 views

Published on

These are the slides from my portion of the WaSP Annual Meeting at SXSW 2009. This will be published as a full video soon.

Published in: Technology, Economy & Finance
1 Comment
1 Like
Statistics
Notes
  • thanks for helping me
    faced some cross browser mares with IE family
    no one easy to recognize others.
    Short term memory loss
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,309
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
15
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

IE8 Compatibility Mode [SXSW 2009]

  1. 1. Photo credit: oskay
  2. 2. Compat Mode Check
  3. 3. Compat Mode Check http://easy-designs.net
  4. 4. Compat Mode Check http://easy-designs.net compat list
  5. 5. Compat Mode Check http://easy-designs.net compat list
  6. 6. Compat Mode Check http://easy-designs.net ? compat list
  7. 7. Compat Mode Check http://easy-designs.net in IE8 Standards Mode compat list
  8. 8. Compat Mode Check http://easy-designs.net compat list
  9. 9. Compat Mode Check http://easy-designs.net http://easy-designs.net compat list
  10. 10. Compat Mode Check http://easy-designs.net in IE7 Standards Mode compat list
  11. 11. Compat Mode Check http://easy-designs.net in IE7 Standards Mode compat list
  12. 12. Compat Trigger compat mode triggered on easy-designs.net
  13. 13. Compat Trigger compat mode triggered on easy-designs.net
  14. 14. Compat Trigger compat mode triggered on easy-designs.net Triggers compat mode for the individual’s browser
  15. 15. Compat Trigger Triggers compat mode for the individual’s browser And if they opted in to provide usage stats, the browser informs Microsoft compat mode triggered on easy-designs.net
  16. 16. Compat Trigger standards mode triggered on easy-designs.net
  17. 17. Compat Trigger It works in the other direction as well standards mode triggered on easy-designs.net
  18. 18. Other Triggers 1. The user has opted to “Display all websites in Compatibility View” 2. The user has opted to “Display all intranet sites in Compatibility View” and the site in question is on an intranet* 3. The user has opted to “Automatically recover from page layout errors with Compatibility View” and the page in question causes an error that triggers this fallback *excluding localhost and 127.0.0.1
  19. 19. Compat Threshold
  20. 20. Compat Threshold Votes for compat mode on easy-designs.net: 100 135 130 125 120 115 110 105 104 103 102 101 ??? admin@domain.com compat list
  21. 21. With Version Targeting compat list
  22. 22. With Version Targeting <meta http-equiv="X-UA-Compatible" content="IE=8" /> compat list web page
  23. 23. With Version Targeting <meta http-equiv="X-UA-Compatible" content="IE=8" /> compat list web page
  24. 24. With Version Targeting <m et a ht tp -e qu iv =" X- UA -C om pa ti bl e" co nt en t= "I E= 8" /> compat list web page
  25. 25. With Version Targeting
  26. 26. With Version Targeting <meta http-equiv="X-UA-Compatible" content="IE=7" /> web page
  27. 27. Developer Toggle
  28. 28. Developer Toggle
  29. 29. Does Microsoft want to have their cake and eat it to?
  30. 30. How I see it
  31. 31. If you want... word-spacing in ems ... to bid farewell to hasLayout ... object to work like it should ... display: run-in; ... border-collapse and border-spacing ... inherit to work properly ... white-space: pre-wrap; ... legend to be stylable and wrappable ... generated content ... :lang() selectors ... attr() in generated content ... CSS counters ... support for quotes ... page break control in CSS for print ... outline control ... support for data: URIs ... cross-domain requests ... el.getAttributeNode('style') ... el.setAttribute('style','color: #f00;') ... document.getElementsByName('foo') ...
  32. 32. ... you’ll need to be in IE8 Standards Mode

×