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

1. Photo credit: oskay

2. Compat Mode Check

3. Compat Mode Check
http://easy-designs.net

4. Compat Mode Check
http://easy-designs.net
compat list

5. Compat Mode Check
http://easy-designs.net
compat list

6. Compat Mode Check
http://easy-designs.net
?
compat list

7. Compat Mode Check
http://easy-designs.net
in IE8 Standards Mode
compat list

8. Compat Mode Check
http://easy-designs.net
compat list

9. Compat Mode Check
http://easy-designs.net
http://easy-designs.net
compat list

10. Compat Mode Check
http://easy-designs.net
in IE7 Standards Mode
compat list

11. Compat Mode Check
http://easy-designs.net
in IE7 Standards Mode
compat list

12. Compat Trigger
compat mode triggered
on easy-designs.net

13. Compat Trigger
compat mode triggered
on easy-designs.net

14. Compat Trigger
compat mode triggered
on easy-designs.net
Triggers compat mode
for the individual’s
browser

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. Compat Trigger
standards mode triggered
on easy-designs.net

17. Compat Trigger
It works in the other
direction as well
standards mode triggered
on easy-designs.net

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. Compat Threshold

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. With Version Targeting
compat list

22. With Version Targeting
<meta http-equiv="X-UA-Compatible" content="IE=8" />
compat list
web page

23. With Version Targeting
<meta http-equiv="X-UA-Compatible" content="IE=8" />
compat list
web page

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. With Version Targeting

26. With Version Targeting
<meta http-equiv="X-UA-Compatible" content="IE=7" />
web page

27. Developer Toggle

28. Developer Toggle

29. Does Microsoft want
to have their cake
and eat it to?

30. How I see it

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. ... you’ll need to be in
IE8 Standards Mode