Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Practising Web Standards in the Large

1,363 views

Published on

Web standards might be second nature to all of us here, but they don't always fly so easily in the enterprise. Obscure browsers and CIOs watching their bottom line can often leave a passionate development team feeling stifled. In this session we'll look at how a number of large scale websites successfully adopted new standards and opened their content to more audiences and devices than ever before. We'll explore techniques for deciding what client technologies to use on your projects, how to drive the adoption of newer techniques and how not to leave your audience behind. We'll even talk about how to make all of this possible with Internet Explorer in the room.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Practising Web Standards in the Large

  1. 1. Practicing Web Standards in the Large Tatham Oddie, Readify http://tath.am @tathamoddie
  2. 2. http://flic.kr/p/Bd4jF
  3. 3. < video 1 >
  4. 4. < video 2 >
  5. 5. Target a documented standard, not a browser implementation.
  6. 6. What are ‘standards’?
  7. 7. A common understanding
  8. 8. 46.311% 16.967% 14.205% 5.525% 5.245% 4.685% 4.573% IE8 IE7 FF3.6 IE6 Safari 531 Chrome 4 FF3.5
  9. 9. FF3.0 1.0756% Safari 528 0.3853% Chrome 5 0.3476% Opera 9 0.3412% Safari 530 0.1825% ? 0.1019% Spiders 0.0294% Blackberry 0.0088% Nokia 0.0071% Konqueror 0.0034% Netscape 0.0029% Android 0.0024% PS3 0.0010%
  10. 10. http://go.tath.am/ie5fax
  11. 11. Browsers below the baseline need specific attention Browsers above the baseline “just work” HTML 5 XDR DOM Storage Selector API CSS 3 / extensions CSS 2.1 DOM 1.0 Level 2 PNG JavaScript XHTML 1.0, 1.1 CSS 1 HTML 4.01 HTML 3.2 Baseline IE8 Opera 9.5 Safari 3 Firefox 3 IE7 Firefox 2 IE6 Firefox 3.1 Browsers ProgressiveEnhancementGracefulDegradation Safari 2 Firefox 1 Chrome Safari 4 Firefox 3.6
  12. 12. IE8 IE7 IE6 FF3 S4 A B C C
  13. 13. Set levels of support. Revisit your data often.
  14. 14. http://yhoo.it/azLF8w US 2.06% UK 1.29% France 1.46% Spain 1.28% Brazil 0.26% Users without JavaScript
  15. 15. Sell JS PE on stats and performance.
  16. 16. Getting the basics right goes a long way.
  17. 17. Develop repeatable patterns.
  18. 18. Don’t go backwards.
  19. 19. http://tath.am http://readify.net

×