• Like
  • Save
Web browsers and browser version support
Upcoming SlideShare
Loading in...5
×
 

Web browsers and browser version support

on

  • 1,058 views

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.

Statistics

Views

Total Views
1,058
Views on SlideShare
1,042
Embed Views
16

Actions

Likes
2
Downloads
33
Comments
0

1 Embed 16

http://ibrennan.co.uk 16

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Web browsers and browser version support Web browsers and browser version support Presentation Transcript

    • 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% 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
    • 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% 1.7% 5.1%
    • Why Is It Different?Target audience Modern Web Browser, Older browser, installed by IT. supports latest technologies. Likely to be Internet Explorer.
    • 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 ”
    • Supporting BrowsersRule of thumb Latest Latest Latest None Latest +2 previous +2 previous
    • 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 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.
    • 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
    • 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?
    • 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 ”
    • 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 with the behaviour and styling layers disabled the user can still view the content and navigate the site. ”
    • 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. The most important being a CSS reset. ”
    • 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 be such standard that even user can still view the content and navigate the site. ” Well, HTML5 helps to make this a lot easier
    • 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
    • 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