Ian Brennan  design.development                   ibrennan.co.uk | @nannerB
Web BrowsersAnd browser version support
Browser Usage StatisticsJune 2011       22.1%        28%   42.5%   1.7%   5.1%g.statcounter.com
Browser Usage StatisticsGrowth July 08 – July 2011g.statcounter.com
Browser Usage StatisticsJune 2011       22.1%             28%       42.5%       1.7%            5.1%       12 - 19.8%     ...
The pure and simpletruth is rarely pureand never simpleOscar Wilde
Browser Usage Statisticsibrennan.co.uk    28.1% +      47.5% +   10.4% -   2.4% +   11% +    22.1%         28%      42.5% ...
Why Is It Different?Target audience      Modern Web Browser,             Older browser, installed by IT.      supports lat...
Supporting BrowsersWhich web browsers should my website support? “ The mostthe site tostatistics areaudience   Develop    ...
Supporting BrowsersRule of thumb    Latest       Latest        Latest       None   Latest                +2 previous   +2 ...
Internet Explorer 6.0/sigh
Internet Explorer 6.0Usage statistics
Common IssuesTear your hair out momentsThe box modelIE6 does not account for padding and border when calculating an elemen...
Should We Support It?Yes / No / Maybe / Could you repeat the question?  Yes!                                 No!  We are b...
Should We Support It?Yes / No / Maybe / Could you repeat the question?  Maybe?  We don’t want to exclude users from our we...
Progressive EnhancementAnd degrading gracefully“Progressive enhancement uses web  technologies in a layered fashion that  ...
The Layers   Behaviour   JavaScript / jQuery   Styling     CSS   Markup      HTML
The Ultimate GoalAnd not the one Wayne Rooney scored against Man City“The markup should be of such a standard that even wi...
The Way Things LookFirefox 5.0      Internet Explorer 7.0
The Way Things LookFirefox 5.0      Internet Explorer 6.0
Start On A Level Playing Field“There are a number of things we can do to ensure we have a clean start to any web project. ...
Pixel Perfect DevelopmentAn unrealistic and pointless exercise
HTML5 And Other Awesome ThingsYey!
We Can Use It NowYes, even in Internet Explorer 6
What Can It Do?WordSquared.com
What Can It Do?WordSquared.com
What Can It Do?Chrome.AngryBirds.com
It’s Not Just Fancy GamesRemember this quote?“The markup should andofstyling alayers disabled the with the behaviour      ...
A Balanced ArgumentI’m not biased, honest.Cons                            Pros The spec isn’t finalised yet   Cleaner mark...
Thank You For ListeningAny questions?                         http://g.statcounter.com         http://en.wikipedia.org/wik...
Upcoming SlideShare
Loading in …5
×

Web browsers and browser version support

1,533 views
1,400 views

Published on

This week I gave a speech on browser usage, the statistics behind it and how it effects the way we develop our web sites and applications.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

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

No notes for slide

Web browsers and browser version support

  1. 1. Ian Brennan design.development ibrennan.co.uk | @nannerB
  2. 2. Web BrowsersAnd browser version support
  3. 3. Browser Usage StatisticsJune 2011 22.1% 28% 42.5% 1.7% 5.1%g.statcounter.com
  4. 4. Browser Usage StatisticsGrowth July 08 – July 2011g.statcounter.com
  5. 5. Browser Usage StatisticsJune 2011 22.1% 28% 42.5% 1.7% 5.1% 12 - 19.8% 5 - 14% 9 - 7.2% 11 - 1.1% 5 - 3.5% Other - 2.3% 4 - 3.4% 8 - 26.3% 10 - 0.6% iPad - 0.8% 3.6 - 8.6% 7 - 5.6% Other - 0.8% 3.5 - 0.8% 6 - 3.4% Other - 1.2%g.statcounter.com
  6. 6. The pure and simpletruth is rarely pureand never simpleOscar Wilde
  7. 7. Browser Usage Statisticsibrennan.co.uk 28.1% + 47.5% + 10.4% - 2.4% + 11% + 22.1% 28% 42.5% 1.7% 5.1%
  8. 8. Why Is It Different?Target audience Modern Web Browser, Older browser, installed by IT. supports latest technologies. Likely to be Internet Explorer.
  9. 9. Supporting BrowsersWhich web browsers should my website support? “ The mostthe site tostatistics areaudience Develop reliable your own your own. and not that of the generic web ”
  10. 10. Supporting BrowsersRule of thumb Latest Latest Latest None Latest +2 previous +2 previous
  11. 11. Internet Explorer 6.0/sigh
  12. 12. Internet Explorer 6.0Usage statistics
  13. 13. Common IssuesTear your hair out momentsThe box modelIE6 does not account for padding and border when calculating an elements widthMin width / heightIE6 does understand the min-width / min-height CSS property, instead it treats width / heightthe same wayTransparent PNGsIE6 does not support alpha transparency on PNGs.
  14. 14. Should We Support It?Yes / No / Maybe / Could you repeat the question? Yes! No! We are building a website for Our site will be visited by an emerging market Western users We are focussing on public We want to rid the world of sector systems old technology and push the web forward We have infinite resource and budget We have a limited resource and budget
  15. 15. Should We Support It?Yes / No / Maybe / Could you repeat the question? Maybe? We don’t want to exclude users from our website, even if they are using old technology Can we meet in the middle and produce something that works on a functional level?
  16. 16. Progressive EnhancementAnd degrading gracefully“Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page ”
  17. 17. The Layers Behaviour JavaScript / jQuery Styling CSS Markup HTML
  18. 18. The Ultimate GoalAnd not the one Wayne Rooney scored against Man City“The markup should be of such a standard that even with the behaviour and styling layers disabled the user can still view the content and navigate the site. ”
  19. 19. The Way Things LookFirefox 5.0 Internet Explorer 7.0
  20. 20. The Way Things LookFirefox 5.0 Internet Explorer 6.0
  21. 21. Start On A Level Playing Field“There are a number of things we can do to ensure we have a clean start to any web project. The most important being a CSS reset. ”
  22. 22. Pixel Perfect DevelopmentAn unrealistic and pointless exercise
  23. 23. HTML5 And Other Awesome ThingsYey!
  24. 24. We Can Use It NowYes, even in Internet Explorer 6
  25. 25. What Can It Do?WordSquared.com
  26. 26. What Can It Do?WordSquared.com
  27. 27. What Can It Do?Chrome.AngryBirds.com
  28. 28. It’s Not Just Fancy GamesRemember this quote?“The markup should andofstyling alayers disabled the with the behaviour be such standard that even user can still view the content and navigate the site. ” Well, HTML5 helps to make this a lot easier
  29. 29. A Balanced ArgumentI’m not biased, honest.Cons Pros The spec isn’t finalised yet Cleaner markup Not everything works in Additional semantics of new every browser elements Staying ahead of the curve Allows for progressive enhancement of pages
  30. 30. Thank You For ListeningAny questions? http://g.statcounter.com http://en.wikipedia.org/wiki/Usage_share_of_web_browsers http://html5doctor.com http://wordsquared.com http://chrome.angrybirds.com ibrennan.co.uk | @nannerB

×