Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Importance of Web Standards

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.

Df6d8f8c1cc3ec843969759ee607e79b?s=128

tempertemper

May 05, 2014
Tweet

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