Your SlideShare is downloading. ×
Web browsers and browser version support
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web browsers and browser version support

1,276
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.

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,276
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
52
Comments
0
Likes
2
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. Ian Brennan design.development ibrennan.co.uk | @nannerB
  • 2. Web BrowsersAnd browser version support
  • 3. Browser Usage StatisticsJune 2011 22.1% 28% 42.5% 1.7% 5.1%g.statcounter.com
  • 4. Browser Usage StatisticsGrowth July 08 – July 2011g.statcounter.com
  • 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. The pure and simpletruth is rarely pureand never simpleOscar Wilde
  • 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. Why Is It Different?Target audience Modern Web Browser, Older browser, installed by IT. supports latest technologies. Likely to be Internet Explorer.
  • 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. Supporting BrowsersRule of thumb Latest Latest Latest None Latest +2 previous +2 previous
  • 11. Internet Explorer 6.0/sigh
  • 12. Internet Explorer 6.0Usage statistics
  • 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. 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. 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. 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. The Layers Behaviour JavaScript / jQuery Styling CSS Markup HTML
  • 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. The Way Things LookFirefox 5.0 Internet Explorer 7.0
  • 20. The Way Things LookFirefox 5.0 Internet Explorer 6.0
  • 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. Pixel Perfect DevelopmentAn unrealistic and pointless exercise
  • 23. HTML5 And Other Awesome ThingsYey!
  • 24. We Can Use It NowYes, even in Internet Explorer 6
  • 25. What Can It Do?WordSquared.com
  • 26. What Can It Do?WordSquared.com
  • 27. What Can It Do?Chrome.AngryBirds.com
  • 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. 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. 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