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 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
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