Originally presented by Andy Clarke at WWW2006, Edinburgh, 2006 No Web 2.0 without responsibility Andy Clarke is a digital designer, speaker, and writer whose designs have helped companies around the world to increase their sales pipeline and revenue, and charities to increase donations. He founded Stuff & Nonsense and has consulted and designed for clients including Disney Store UK, Fairfax Media, Home Office (UK), Greenpeace, ISO, SAP, STV, SunLife, WIPO, and WWF. He works on creative website and digital product designs and provides ongoing creative direction. He coaches agencies and mentors designers on dealing with clients, and delivering creative projects. If you’re looking to design better digital products and websites, develop a design system or style guide, or want to understand how design can help your business, you should talk to him. Stuff & Nonsense Ltd. Eversleigh, Lon Capel, Gwaenysgor, Flintshire, LL18 6EJ, UK For work enquiries go to stuffandnonsense.co.uk or call +44 (0)1745 851848

The Web Standards Project is a grassroots coalition fighting for standards that ensure simple, affordable access to web technologies for all www.webstandards.org

Members from different backgrounds in over 40 countries working voluntarily in task forces to promote standards www.webstandards.org Accessibility DOM scripting Education Internationalization Macromedia Microsoft

No Web 2.0 without responsibility ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND

No Web 2.0 without responsibility Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf All works are copyright of their original owners and all copyrights, trademarks and ownerships recognised. this presentation is for educational purposes only. With thanks to Tim O’Reilly’s ‘What is Web 2.0’

No Web 2.0 without responsibility Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf All works are copyright of their original owners and all copyrights, trademarks and ownerships recognised. this presentation is for educational purposes only. With thanks to Tim O’Reilly’s ‘What is Web 2.0’ BETA 15 minute version

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Tim O’Reilly http://radar.oreilly.com/archives/2005/10/web_20_compact_definition.html “Web 2.0 is the network as platform, spanning all connected devices; Web 2.0 applications are those that make the most of the intrinsic advantages of that platform: delivering software as a service that gets better the more people use it, consuming and remixing data from multiple sources, including individual users, while providing their own data in a form that allows remixing by others, creating network effects through an "architecture of participation," and going beyond the page metaphor of Web 1.0 to deliver rich user experiences. ” What is Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Tim O’Reilly http://radar.oreilly.com/archives/2005/10/web_20_compact_definition.html “Web 2.0 is the network as platform, spanning all connected devices; Web 2.0 applications are those that make the most of the intrinsic advantages of that platform: delivering software as a service that gets better the more people use it, consuming and remixing data from multiple sources, including individual users, while providing their own data in a form that allows remixing by others, creating network effects through an "architecture of participation," and going beyond the page metaphor of Web 1.0 to deliver rich user experiences. ” What is Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The biggest challenges in creating Ajax applications are not technical. The core Ajax technologies are mature, stable, and well understood. Instead, the challenges are for the designers of these applications: to forget what we think we know about the limitations of the Web, and begin to imagine a wider, richer range of possibilities. ” What is AJAX? “ Jesse James Garrett http://www.adaptivepath.com/publications/essays/archives/000385.php

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates: “ ” • standards-based presentation using XHTML and CSS; • dynamic display and interaction using the DOM; • data interchange and manipulation using XML and XSLT; • asynchronous data retrieval using XMLHttpRequest; • and JavaScript binding everything together. Jesse James Garrett http://www.adaptivepath.com/publications/essays/archives/000385.php What is AJAX?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The biggest challenges in creating Ajax applications are not technical. The core Ajax technologies are mature, stable, and well understood. Instead, the challenges are for the designers of these applications: to forget what we think we know about the limitations of the Web, and begin to imagine a wider, richer range of possibilities. ” What is AJAX? “ Jesse James Garrett http://www.adaptivepath.com/publications/essays/archives/000385.php

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) What is Web 2.0? The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.flickr.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.odeo.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.youtube.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.myspace.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) New companies often sacrifice semantic markup, efficient CSS and accessibility in the rush to market www.youtube.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) New companies often sacrifice semantic markup, efficient CSS and accessibility in the rush to market Some established companies have learned little from the past. Presentational markup continues to limit potential express.ebay.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Designers understand that meaningful markup and efficient CSS creates rich, flexible and accessible services ma.gnolia.com New companies often sacrifice semantic markup, efficient CSS and accessibility in the rush to market Some established companies have learned little from the past. Presentational markup continues to limit potential

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Designers grapple every day with communicating meaning through branding, composition and typography www.corkd.com Designers are uniquely qualified to make decisions on meaningful markup

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.corkd.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) ma.gnolia.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) www.aimpages.com

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) What is Web 2.0? The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) What could be Web 2.0? The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device A platform that can be used by people of varying abilities using different technologies

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device Services that are open to many technologies using meaningful markup and transcendent CSS to provide the visual interfaces What could be Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device People from many backgrounds having different abilities and experiences What could be Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device Open to all people to participate What could be Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) The web as a platform Cooperation rather than control Collective intelligence and experience People add value Software above a single device Transcendent CSS provides the possibilities to style services content for delivery to multiple devices What could be Web 2.0?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Andy Clarke Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006) “Transcendent CSS makes full use of the most up-to- date CSS techniques and in doing so does not require that we limit our creativity to the limited capabilities of legacy browsers. Transcendent CSS looks to the future by using CSS techniques that are not yet fully supported across every modern browser. The key to Transcendent CSS in modern web design is the understanding that our designs do not have to display exactly the same across all browsers and all platforms. ” What is Transcendent CSS?

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Andy Clarke Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006) “ What should be Web 2.0? The web has not reached version 2, it is barely out of Alpha. Only when lightweight, meaningful markup, flexible design presented through CSS and content that is accessible will these technologies achieve their best potential. Web standards and accessibility should not be part of future versions or design iterations, they should take their rightful place at the very center of any product or service considered to be Web 2.0. There is much work still to do and there can be no Web 2.0 without responsibility. ”

NO WEB 2.0 WITHOUT RESPONSIBILITY (BETA) Andy Clarke Transcending CSS: The Fine Art Of Web Design (Peachpit Press, November 2006) “The web has not reached version 2, it is barely out of Alpha. Only when lightweight, meaningful markup, flexible design presented through CSS and content that is accessible will these technologies achieve their best potential. Web standards and accessibility should not be part of future versions or design iterations, they should take their rightful place at the very center of any product or service considered to be Web 2.0. There is much work still to do and there can be no Web 2.0 without responsibility. ” What should be Web 2.0?

All works are copyright of their original owners and all copyrights, trademarks and ownerships recognised. this presentation is for educational purposes only No Web 2.0 without responsibility Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License www. stuffandnonsense.co.uk / downloads / noweb2-0 .pdf ANDY CLARKE WWW2006 EDINBURGH, SCOTLAND