SlideShare a Scribd company logo
Yahoo! Graded Browser Support
The game of global Internet domination
John Kary | johnkary@ku.edu
Web Development & Interface Design
University of Kansas, Information Technology
November 2010 KU Web Developers Meeting
‣   Browser Wars
‣   Yahoo! GBS
‣   GBS at KU
Early Browser Wars




              Image: http://en.wikipedia.org/wiki/Netscape_Navigator
Early Browser Wars




              Image: http://en.wikipedia.org/wiki/Netscape_Navigator
Early Browser Wars




            Image: http://en.wikipedia.org/wiki/History_of_Internet_Explorer
Early Browser Wars




         Image: http://www.teamlalala.com/blog/2009/12/23/best-viewed-in-netscape-3-0/
Current Browser Wars




          Image: http://www.toy-tma.com/learning-toys/board-games/risk-board-game-rule/
Current Browser Wars




                         Image: http://commons.wikimedia.org/wiki/File:Risk_board.svg
           Image: http://www.ashersarlin.com/archives/2004/09/honestly_who_co.php
Current Browser Wars




       ?
  XP
Yahoo! Graded Browser Support
            (or GBS)
What is it?

 Survey
 Select
Advocate
GBS – November 2010




              Source: http://developer.yahoo.com/yui/articles/gbs/
Why?
Supporting GBS means ensuring core content and functionality is...


  1. Accessible without images, CSS or JS
  2. Accessible using only a Keyboard
  3. Accessible by older browsers, but hides
     all advanced functionality prompts are

                 You see the pattern here...
YUI Graded Browser Support
“”
                                               Why?

                                       Availability and accessibility of
                                    content should be our key priority.
What Does “Support” Mean?
http://developer.yahoo.com/yui/articles/gbs/




Expecting two users using different browser software to have an identical
experience fails to embrace or acknowledge the heterogeneous essence of the Web.

                                                                     What Does “Support” Mean?
                                                      http://developer.yahoo.com/yui/articles/gbs/
Support?


         As web developers,
how do we "support" a specific browser?
Support?


We allow every user to consume as much visual and
interactive richness as their environment can support.
                                                  What Does “Support” Mean?
                                   http://developer.yahoo.com/yui/articles/gbs/
How are Grades of Support Determined?


   Identified or Unknown

      Common or Rare

   Capable or Incapable

   Modern vs Antiquated
Grades

C-grade
A-grade
X-grade
C-grade
                 HTML       YES
                 CSS        NO
                 JavaScript NO


Minimum level of support for a guaranteed experience

Content delivered only as semantic HTML
CSS and JS are withheld

Sample of browsers tested
C-grade
    HTML       YES
    CSS        NO
    JavaScript NO
IDENTIFIED   vs   UNKNOWN
COMMON       vs   RARE
CAPABLE      vs   INCAPABLE
MODERN       vs   ANTIQUATED

          IE < 6
       Firefox < 3
A-grade
               HTML       YES
               CSS        YES
               JavaScript YES

Highest level of support

Content is fully delivered

Fully tested
A-grade
    HTML       YES
    CSS        YES
    JavaScript YES
IDENTIFIED   vs   UNKNOWN
COMMON       vs   RARE
CAPABLE      vs   INCAPABLE
MODERN       vs   ANTIQUATED

     Chrome on XP
    IE 8 on XP and 7
X-grade
              HTML       YES
              CSS        YES
              JavaScript YES

Mid-level level of support

Content is fully delivered

NOT tested
X-grade
    HTML       YES
    CSS        YES
    JavaScript YES

IDENTIFIED   vs   UNKNOWN
COMMON       vs   RARE
CAPABLE      vs   INCAPABLE
MODERN       vs   ANTIQUATED
        Maxthon
         Flock
GBS – November 2010




              Source: http://developer.yahoo.com/yui/articles/gbs/
Updates



www.yuiblog.com
   Issued quarterly
Q4 2010 Updates

•   Chrome updates a lot, XP Chrome is best benchmark
•   Added A-grade for WebKit browsers on iOS & Android
•   Move Firefox < 3 to C-grade
•   Forecast A-grade for Firefox 4 & IE9 on Windows 7
    upon release
•   Forecast moving IE6 from A-grade to C-grade in
    Q1 2011


                                    Source: http://yuiblog.com/blog/2010/11/03/gbs-update-2010q4/
GBS at KU

•   We target all A-grade browsers
•   Don’t (currently) withhold CSS/JS from old browsers
•   Will drop IE6 “support” in next template (date unknown)
Browser Stats at KU
          www.ku.edu
      2,000,000 visits per month




36%    32% 24%                     7%
                                   Source: Google Analytics
Browser Stats at KU
       www.ku.edu
   2,000,000 visits per month



                   36%
                IE8     26%
                IE7     8%
                IE6     0.01%   (27,000)



                                           Source: Google Analytics
Questions?




             Source: http://xkcd.com/519/

More Related Content

PDF
Responsive Web Design: buzzword or revolution?
PDF
Accessible web applications
PDF
Responsive websites. Toolbox
PPTX
Ui development frameworks html-bootstrap by awa
PDF
OWASP AppSec USA 2017: Cookie Security – Myths and Misconceptions by David Jo...
PPTX
How to install and setup WordPress Multisite Network
PPT
Owasp universal-http-do s
PDF
Using Virtual Machines in Web Development
Responsive Web Design: buzzword or revolution?
Accessible web applications
Responsive websites. Toolbox
Ui development frameworks html-bootstrap by awa
OWASP AppSec USA 2017: Cookie Security – Myths and Misconceptions by David Jo...
How to install and setup WordPress Multisite Network
Owasp universal-http-do s
Using Virtual Machines in Web Development

Similar to YUI Graded Browser Support (20)

PPT
Building Web Interfaces
PDF
Play Framework: Intro & High-Level Overview
PDF
We Need To Talk About IE6
PDF
Do you need jQuery in 2019?
PDF
Web browsers and browser version support
PDF
Responsive web design with various grids and frameworks comparison
PPT
Progressive enhancement 2.0 what i'd like to share to designers
PDF
Designing with CSS3 Effectively & Efficiently
PDF
Reward & Punishment
PPTX
jQuery From the Ground Up
PPTX
How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
PPT
State of jQuery - AspDotNetStorefront Conference
PPTX
PPTX
CSS With Feature Detection for Cross Browser Compatibility
PPTX
Frontend development of the (current) future
ODP
Netbeans65 Osum Slides
PPTX
JavaScript for ASP.NET programmers (webcast) upload
PDF
PDF
PDF
East of Toronto .NET Usergroup - Put the 5 in HTML
Building Web Interfaces
Play Framework: Intro & High-Level Overview
We Need To Talk About IE6
Do you need jQuery in 2019?
Web browsers and browser version support
Responsive web design with various grids and frameworks comparison
Progressive enhancement 2.0 what i'd like to share to designers
Designing with CSS3 Effectively & Efficiently
Reward & Punishment
jQuery From the Ground Up
How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
State of jQuery - AspDotNetStorefront Conference
CSS With Feature Detection for Cross Browser Compatibility
Frontend development of the (current) future
Netbeans65 Osum Slides
JavaScript for ASP.NET programmers (webcast) upload
East of Toronto .NET Usergroup - Put the 5 in HTML
Ad

Recently uploaded (20)

PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Big Data Technologies - Introduction.pptx
PPTX
A Presentation on Artificial Intelligence
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
cuic standard and advanced reporting.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Approach and Philosophy of On baking technology
PPT
Teaching material agriculture food technology
PPTX
Cloud computing and distributed systems.
PDF
Encapsulation theory and applications.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Machine learning based COVID-19 study performance prediction
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Big Data Technologies - Introduction.pptx
A Presentation on Artificial Intelligence
The AUB Centre for AI in Media Proposal.docx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
cuic standard and advanced reporting.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Network Security Unit 5.pdf for BCA BBA.
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Approach and Philosophy of On baking technology
Teaching material agriculture food technology
Cloud computing and distributed systems.
Encapsulation theory and applications.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Encapsulation_ Review paper, used for researhc scholars
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Machine learning based COVID-19 study performance prediction
NewMind AI Weekly Chronicles - August'25-Week II
Diabetes mellitus diagnosis method based random forest with bat algorithm
Ad

YUI Graded Browser Support

  • 1. Yahoo! Graded Browser Support The game of global Internet domination John Kary | johnkary@ku.edu Web Development & Interface Design University of Kansas, Information Technology November 2010 KU Web Developers Meeting
  • 2. Browser Wars ‣ Yahoo! GBS ‣ GBS at KU
  • 3. Early Browser Wars Image: http://en.wikipedia.org/wiki/Netscape_Navigator
  • 4. Early Browser Wars Image: http://en.wikipedia.org/wiki/Netscape_Navigator
  • 5. Early Browser Wars Image: http://en.wikipedia.org/wiki/History_of_Internet_Explorer
  • 6. Early Browser Wars Image: http://www.teamlalala.com/blog/2009/12/23/best-viewed-in-netscape-3-0/
  • 7. Current Browser Wars Image: http://www.toy-tma.com/learning-toys/board-games/risk-board-game-rule/
  • 8. Current Browser Wars Image: http://commons.wikimedia.org/wiki/File:Risk_board.svg Image: http://www.ashersarlin.com/archives/2004/09/honestly_who_co.php
  • 10. Yahoo! Graded Browser Support (or GBS)
  • 11. What is it? Survey Select Advocate
  • 12. GBS – November 2010 Source: http://developer.yahoo.com/yui/articles/gbs/
  • 13. Why? Supporting GBS means ensuring core content and functionality is... 1. Accessible without images, CSS or JS 2. Accessible using only a Keyboard 3. Accessible by older browsers, but hides all advanced functionality prompts are You see the pattern here...
  • 15. “” Why? Availability and accessibility of content should be our key priority. What Does “Support” Mean? http://developer.yahoo.com/yui/articles/gbs/ Expecting two users using different browser software to have an identical experience fails to embrace or acknowledge the heterogeneous essence of the Web. What Does “Support” Mean? http://developer.yahoo.com/yui/articles/gbs/
  • 16. Support? As web developers, how do we "support" a specific browser?
  • 17. Support? We allow every user to consume as much visual and interactive richness as their environment can support. What Does “Support” Mean? http://developer.yahoo.com/yui/articles/gbs/
  • 18. How are Grades of Support Determined? Identified or Unknown Common or Rare Capable or Incapable Modern vs Antiquated
  • 20. C-grade HTML YES CSS NO JavaScript NO Minimum level of support for a guaranteed experience Content delivered only as semantic HTML CSS and JS are withheld Sample of browsers tested
  • 21. C-grade HTML YES CSS NO JavaScript NO IDENTIFIED vs UNKNOWN COMMON vs RARE CAPABLE vs INCAPABLE MODERN vs ANTIQUATED IE < 6 Firefox < 3
  • 22. A-grade HTML YES CSS YES JavaScript YES Highest level of support Content is fully delivered Fully tested
  • 23. A-grade HTML YES CSS YES JavaScript YES IDENTIFIED vs UNKNOWN COMMON vs RARE CAPABLE vs INCAPABLE MODERN vs ANTIQUATED Chrome on XP IE 8 on XP and 7
  • 24. X-grade HTML YES CSS YES JavaScript YES Mid-level level of support Content is fully delivered NOT tested
  • 25. X-grade HTML YES CSS YES JavaScript YES IDENTIFIED vs UNKNOWN COMMON vs RARE CAPABLE vs INCAPABLE MODERN vs ANTIQUATED Maxthon Flock
  • 26. GBS – November 2010 Source: http://developer.yahoo.com/yui/articles/gbs/
  • 27. Updates www.yuiblog.com Issued quarterly
  • 28. Q4 2010 Updates • Chrome updates a lot, XP Chrome is best benchmark • Added A-grade for WebKit browsers on iOS & Android • Move Firefox < 3 to C-grade • Forecast A-grade for Firefox 4 & IE9 on Windows 7 upon release • Forecast moving IE6 from A-grade to C-grade in Q1 2011 Source: http://yuiblog.com/blog/2010/11/03/gbs-update-2010q4/
  • 29. GBS at KU • We target all A-grade browsers • Don’t (currently) withhold CSS/JS from old browsers • Will drop IE6 “support” in next template (date unknown)
  • 30. Browser Stats at KU www.ku.edu 2,000,000 visits per month 36% 32% 24% 7% Source: Google Analytics
  • 31. Browser Stats at KU www.ku.edu 2,000,000 visits per month 36% IE8 26% IE7 8% IE6 0.01% (27,000) Source: Google Analytics
  • 32. Questions? Source: http://xkcd.com/519/