• Like
  • Save
YUI Graded Browser Support
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

YUI Graded Browser Support

  • 1,572 views
Published

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

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

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,572
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. ‣ 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
  • 9. Current Browser Wars ? XP
  • 10. Yahoo! Graded Browser Support (or GBS)
  • 11. What is it? Survey SelectAdvocate
  • 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...
  • 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. Support? As web developers,how do we "support" a specific browser?
  • 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. How are Grades of Support Determined? Identified or Unknown Common or Rare Capable or Incapable Modern vs Antiquated
  • 18. GradesC-gradeA-gradeX-grade
  • 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. C-grade HTML YES CSS NO JavaScript NOIDENTIFIED vs UNKNOWNCOMMON vs RARECAPABLE vs INCAPABLEMODERN vs ANTIQUATED IE < 6 Firefox < 3
  • 21. A-grade HTML YES CSS YES JavaScript YESHighest level of supportContent is fully deliveredFully tested
  • 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. X-grade HTML YES CSS YES JavaScript YESMid-level level of supportContent is fully deliveredNOT tested
  • 24. X-grade HTML YES CSS YES JavaScript YESIDENTIFIED vs UNKNOWNCOMMON vs RARECAPABLE vs INCAPABLEMODERN vs ANTIQUATED Maxthon Flock
  • 25. GBS – November 2010 Source: http://developer.yahoo.com/yui/articles/gbs/
  • 26. Updateswww.yuiblog.com Issued quarterly
  • 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. 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. Browser Stats at KU www.ku.edu 2,000,000 visits per month36% 32% 24% 7% Source: Google Analytics
  • 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. Questions? Source: http://xkcd.com/519/