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.

1. Practicing Web Standards
in the Large
Tatham Oddie, Readify
http://tath.am @tathamoddie

2. http://flic.kr/p/Bd4jF

3. < video 1 >

4. < video 2 >

5. Target a documented
standard, not a browser
implementation.

8. What are ‘standards’?

9. A common
understanding

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

11. 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%

12. http://go.tath.am/ie5fax

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

14. IE8
IE7
IE6
FF3
S4
A B
C
C

15. Set levels of support.
Revisit your data often.

16. http://yhoo.it/azLF8w
US 2.06%
UK 1.29%
France 1.46%
Spain 1.28%
Brazil 0.26%
Users without JavaScript

17. Sell JS PE on stats and
performance.

18. Getting the basics right
goes a long way.

21. Develop repeatable
patterns.

22. Don’t go backwards.

23. http://tath.am
http://readify.net