The Importance of Web Standards

Martin talks about what web standards are, why they’re important, and how they benefit web developers and website owners alike.

Transcript

1. t e m p e r t e m p e r The Importance of Web Standards
2. t e m p e r t e m p e r What’ll I be banging on about? • What web standards are • Why they’re important • How this benefits developers • How this benefits website owners
3. t e m p e r t e m p e r What I won’t bore you with… • Code examples • Financials
4. t e m p e r t e m p e r What are web standards?
5. t e m p e r t e m p e r –Wikipedia “Web standards are the formal, non-proprietary standards and other technical specifications that define and describe aspects of the World Wide Web.”
6. t e m p e r t e m p e r So what are the benefits?
7. t e m p e r t e m p e r –Web Standards Project (WaSP) “[Web standards] reduce the cost and complexity of development while increasing the accessibility and long-term viability of any site published on the Web.”
8. t e m p e r t e m p e r HTML is central to the web • HTML is a means of delivering content every web browser can understand • Used correctly, it describes that content accurately to the web browser ‣ Essential for accessibility
9. t e m p e r t e m p e r –Tim Berners-Lee “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
10. t e m p e r t e m p e r Universal access • Opening a site up to everyone ‣ Ability - Visually impaired - Keyboard only - Search engines ‣ Connection ‣ Device
11. t e m p e r t e m p e r Methods of accessing content • Laptops • Tablets • Smartphones • Desktops • Games consoles • Televisions • Screen readers • Keyboard only • Read-later services • Car dashboards • Combination?
12. t e m p e r t e m p e r –Tim Berners-Lee “Whatever the device you use for getting your information out, it should be the same information”
13. t e m p e r t e m p e r Makes collaboration easier • Everyone’s on the same page • Unsure? Check the spec (XHTML or HTML) • Saves time on a project • Not tied to one developer’s methodology
14. t e m p e r t e m p e r Forward compatibility • If your code works and validates now, it’s more likely that it’ll always work • Over time, maintaining well written code is relatively straightforward
15. t e m p e r t e m p e r Aiding maintainability • CSS ‣ Separates content from styling ‣ One tweak can cascade through a whole site ‣ Enables semantic markup– no more misusing HTML tags to achieve a particular style
16. t e m p e r t e m p e r –Jeffrey Zeldman “Content precedes design. Design in the absence of content is not design, it’s decoration.”
17. t e m p e r t e m p e r Content-focused development • Start with HTML only • Build your CSS (and JavaScript) on top • Enhance experience for modern browsers • Old browsers and alternative technologies will still be able to access content
18. t e m p e r t e m p e r Benefits of web standards • Reduce the development time • Works in every browser • Future friendly • Save development costs • Reach as many potential customers as possible
19. t e m p e r t e m p e r Save time, effort, stress and money by adopting a standards-based approach to your websites
20. t e m p e r t e m p e r Martin Underhill @tempertemper http://tempertemper.net
21. t e m p e r t e m p e r