YUI Graded Browser Support

2,359 views

Published on

What is YUI Graded Browser Support, why is it important and how can web developers leverage it.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,359
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

YUI Graded Browser Support

  1. 1. Yahoo! Graded Browser SupportThe game of global Internet dominationJohn Kary | johnkary@ku.eduWeb Development & Interface DesignUniversity of Kansas, Information TechnologyNovember 2010 KU Web Developers Meeting
  2. 2. ‣ Browser Wars‣ Yahoo! GBS‣ GBS at KU
  3. 3. Early Browser Wars Image: http://en.wikipedia.org/wiki/Netscape_Navigator
  4. 4. Early Browser Wars Image: http://en.wikipedia.org/wiki/Netscape_Navigator
  5. 5. Early Browser Wars Image: http://en.wikipedia.org/wiki/History_of_Internet_Explorer
  6. 6. Early Browser Wars Image: http://www.teamlalala.com/blog/2009/12/23/best-viewed-in-netscape-3-0/
  7. 7. Current Browser Wars Image: http://www.toy-tma.com/learning-toys/board-games/risk-board-game-rule/
  8. 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
  9. 9. Current Browser Wars ? XP
  10. 10. Yahoo! Graded Browser Support (or GBS)
  11. 11. What is it? Survey SelectAdvocate
  12. 12. GBS – November 2010 Source: http://developer.yahoo.com/yui/articles/gbs/
  13. 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...
  14. 14. “” 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 identicalexperience fails to embrace or acknowledge the heterogeneous essence of the Web. What Does “Support” Mean? http://developer.yahoo.com/yui/articles/gbs/
  15. 15. Support? As web developers,how do we "support" a specific browser?
  16. 16. Support?We allow every user to consume as much visual andinteractive richness as their environment can support. What Does “Support” Mean? http://developer.yahoo.com/yui/articles/gbs/
  17. 17. How are Grades of Support Determined? Identified or Unknown Common or Rare Capable or Incapable Modern vs Antiquated
  18. 18. GradesC-gradeA-gradeX-grade
  19. 19. C-grade HTML YES CSS NO JavaScript NOMinimum level of support for a guaranteed experienceContent delivered only as semantic HTMLCSS and JS are withheldSample of browsers tested
  20. 20. C-grade HTML YES CSS NO JavaScript NOIDENTIFIED vs UNKNOWNCOMMON vs RARECAPABLE vs INCAPABLEMODERN vs ANTIQUATED IE < 6 Firefox < 3
  21. 21. A-grade HTML YES CSS YES JavaScript YESHighest level of supportContent is fully deliveredFully tested
  22. 22. A-grade HTML YES CSS YES JavaScript YESIDENTIFIED vs UNKNOWNCOMMON vs RARECAPABLE vs INCAPABLEMODERN vs ANTIQUATED Chrome on XP IE 8 on XP and 7
  23. 23. X-grade HTML YES CSS YES JavaScript YESMid-level level of supportContent is fully deliveredNOT tested
  24. 24. X-grade HTML YES CSS YES JavaScript YESIDENTIFIED vs UNKNOWNCOMMON vs RARECAPABLE vs INCAPABLEMODERN vs ANTIQUATED Maxthon Flock
  25. 25. GBS – November 2010 Source: http://developer.yahoo.com/yui/articles/gbs/
  26. 26. Updateswww.yuiblog.com Issued quarterly
  27. 27. 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/
  28. 28. 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)
  29. 29. Browser Stats at KU www.ku.edu 2,000,000 visits per month36% 32% 24% 7% Source: Google Analytics
  30. 30. 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
  31. 31. Questions? Source: http://xkcd.com/519/

×