170 likes | 274 Views
Joachim Dagerot domino.dagerot.com. “our split is approximately 75% Netscape, 12 % Internet Explorer and 13% other. The "other" category is split, but from what I can tell, only .5% are accessing our site with Lynx.”. March 28 10:11:24 EDT 1997. WEB STANDARDS. WHY IT DOESN’T PAY.
E N D
“our split is approximately 75% Netscape, 12 % Internet Explorer and 13% other. The "other" category is split, but from what I can tell, only .5% are accessing our site with Lynx.” March 28 10:11:24 EDT 1997
WEB STANDARDS WHY IT DOESN’T PAY
What are web standards? • When the markup follows the semantics • When the layout is controlled by CSS • When the reader chooses what user agent to use • Graceful degradation (WAI/WCAG)
2007 http://www.thecounter.com/stats/2007/February/browser.php
Statistics • Javascript disabled: 4% • CSS disabled: ? • Lynx: 0% • Disabled people / mac users: <4% • XP: 65 222 785 • OS/2: 1 009 • Amiga: 104
Why web standards • I wanna sell and I want everyone to buy • Major difference between an internet and an intranet solution • Information still available, although not beautifully presented, in legacy browsers/devices
Advanced table: <table border="0" cellpadding="2" cellspacing="0"> <tr> <th></th> <th></th> <th> <img width="1" height="16" src="/icons/ecblank.gif" border="0" alt=""> </th> <thnowrap align="center"> <font size="2">Name<a href="/names.nsf/People?OpenView&Count=30&ResortAscending=1"> <img height="16" width="16" src="/icons/ascsort.gif" border="0" alt="Can be sorted ascending"></a> </font> </th> <thnowrap align="left"> <font size="2">Telephone <img width="1" height="16" src="/icons/ecblank.gif" border="0" alt=""> </font> </th> <thnowrap align="left">
Real world examples • Site 1 (World wide fastfood company): • Built 1999 • Site 2 (World wide industry company): • Built 2002 – upgraded 2004 CSS used for formatting, example: .green-large-text {}
Web standards and tools • Episerver • Sharepoint Portal Server • Websphere Portal Server • Lotus Domino • Word
Life without javascript • Discuss: • AJAX solutions
ECMAScript vs Pure HTML/CSS • Double code base • Back to the nineties • Double expenses
W3C • Slow (No XmlHttpRequest yet) • User agent providers choose what to implement
Web Content Accessibility Guidelines • Version 1 vs Version 2 • Version 2 only in draft