SlideShare a Scribd company logo
1 of 32
Download to read offline
Photo credit: oskay
Compat Mode Check
Compat Mode Check




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




                   http://easy-designs.net




     compat list
Compat Mode Check




                   http://easy-designs.net




     compat list
Compat Mode Check




                   http://easy-designs.net




       ?
     compat list
Compat Mode Check




                   http://easy-designs.net
                     in IE8 Standards Mode




     compat list
Compat Mode Check




                   http://easy-designs.net




     compat list
Compat Mode Check




                            http://easy-designs.net
  http://easy-designs.net




         compat list
Compat Mode Check




                   http://easy-designs.net
                     in IE7 Standards Mode




     compat list
Compat Mode Check




                   http://easy-designs.net
                     in IE7 Standards Mode




     compat list
Compat Trigger

                 compat mode triggered
                 on easy-designs.net
Compat Trigger

                 compat mode triggered
                 on easy-designs.net
Compat Trigger

                         compat mode triggered
                         on easy-designs.net



  Triggers compat mode
  for the individual’s
  browser
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
Compat Trigger

                 standards mode triggered
                 on easy-designs.net
Compat Trigger



  It works in the other
  direction as well




                          standards mode triggered
                          on easy-designs.net
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
Compat Threshold
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
With Version Targeting




      compat list
With Version Targeting




            <meta http-equiv="X-UA-Compatible" content="IE=8" />




      compat list
                                 web page
With Version Targeting




            <meta http-equiv="X-UA-Compatible" content="IE=8" />




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




        <meta http-equiv="X-UA-Compatible" content="IE=7" />




                             web page
Developer Toggle
Developer Toggle
Does Microsoft want
  to have their cake
       and eat it to?
How I see it
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') ...
... you’ll need to be in
 IE8 Standards Mode

More Related Content

Viewers also liked

eCommerce Series Part 5 - Enterprise Architecture
eCommerce Series Part 5 - Enterprise ArchitectureeCommerce Series Part 5 - Enterprise Architecture
eCommerce Series Part 5 - Enterprise Architecture
Ashwinee Kumar
 
Steve Haase - Omni-Channel Ecommerce Personalization
Steve Haase - Omni-Channel Ecommerce PersonalizationSteve Haase - Omni-Channel Ecommerce Personalization
Steve Haase - Omni-Channel Ecommerce Personalization
INBOUND
 

Viewers also liked (9)

eCommerce Series Part 5 - Enterprise Architecture
eCommerce Series Part 5 - Enterprise ArchitectureeCommerce Series Part 5 - Enterprise Architecture
eCommerce Series Part 5 - Enterprise Architecture
 
eShop Architecture - 5-step process to develop a proper ecommerce presence
eShop Architecture - 5-step process to develop a proper ecommerce presenceeShop Architecture - 5-step process to develop a proper ecommerce presence
eShop Architecture - 5-step process to develop a proper ecommerce presence
 
Chris Wells Magento Imagine 2015 Breakout - Leveraging the Cloud for Ecommerce
Chris Wells Magento Imagine 2015 Breakout - Leveraging the Cloud for EcommerceChris Wells Magento Imagine 2015 Breakout - Leveraging the Cloud for Ecommerce
Chris Wells Magento Imagine 2015 Breakout - Leveraging the Cloud for Ecommerce
 
B2B Omni-Channel Commerce Platform of the Future
B2B Omni-Channel Commerce Platform of the FutureB2B Omni-Channel Commerce Platform of the Future
B2B Omni-Channel Commerce Platform of the Future
 
Omni-Channel Experience for B2C Retail
Omni-Channel Experience for B2C RetailOmni-Channel Experience for B2C Retail
Omni-Channel Experience for B2C Retail
 
100 Best practices in Omnichannel
100 Best practices in Omnichannel 100 Best practices in Omnichannel
100 Best practices in Omnichannel
 
Creating a truly personalized Omni-channel customer experience
Creating a truly personalized Omni-channel customer experienceCreating a truly personalized Omni-channel customer experience
Creating a truly personalized Omni-channel customer experience
 
Steve Haase - Omni-Channel Ecommerce Personalization
Steve Haase - Omni-Channel Ecommerce PersonalizationSteve Haase - Omni-Channel Ecommerce Personalization
Steve Haase - Omni-Channel Ecommerce Personalization
 
Shopify Retail Tour - Mailchimp Email Marketing
Shopify Retail Tour - Mailchimp Email MarketingShopify Retail Tour - Mailchimp Email Marketing
Shopify Retail Tour - Mailchimp Email Marketing
 

More from Aaron Gustafson

More from Aaron Gustafson (20)

Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]
 
Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]
 
Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
 
Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?
 
Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]
 
Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]
 
Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]
 
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]
 
Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]
 
The Web Should Just Work for Everyone
The Web Should Just Work for EveryoneThe Web Should Just Work for Everyone
The Web Should Just Work for Everyone
 
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]
 
Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]
 
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1
 
Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
 

Recently uploaded

Recently uploaded (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

IE8 Compatibility Mode [SXSW 2009]

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