The Future of Web Standards or: Rock, Paper, Scissors, Lizard, Spock Thursday, April 30th, 2009 : Future of Web Design : London

or: Rock, Paper, Scissors, Lizard, Spock

Rock Core principals of standards Thursday, April 30th, 2009 : Future of Web Design : London

Core principals of standards

Core principles Everyone Everywhere Everything Meaningful Searchable Useful Social

Everyone

Everywhere

Everything

Meaningful

Searchable

Useful

Social

Paper Marking up the world Thursday, April 30th, 2009 : Future of Web Design : London

Marking up the world

Wither what we know? HTML 4.01 XHTML 1.0 XHTML 1.1 XHTML 2 HTML 5

HTML 4.01

XHTML 1.0

XHTML 1.1

XHTML 2

HTML 5

Scissors Cut it out! Thursday, April 30th, 2009 : Future of Web Design : London

Cut it out!

Cut it out! IE6 IE7 IE8 Standards IE8 Compat Mode

IE6

IE7

IE8 Standards

IE8 Compat Mode

Versioning is antithetical to everything the core Web ideals express: backward compatibility; future growth

“ Standards are vital so that IT professionals can provide systems that last.” Sir Tim Berners-Lee

Sir Tim Berners-Lee

Get on with it, please Finish what we start Thursday, April 30th, 2009 : Future of Web Design : London

Finish what we start

Make more . . . SVG SMIL Microformats RDFa Open standards for <video> and <audio> Better developer/designer tools

SVG

SMIL

Microformats

RDFa

Open standards for <video> and <audio>

Better developer/designer tools

Spock Futureshock Thursday, April 30th, 2009 : Future of Web Design : London

Futureshock

The Open Web Platform Idealistic and yet, all within reach. Idealistic and yet, all within reach. Open standards for the document Open standards for document presentation Open standards for document behavior Open standards for accessibility Open standards for universality Open source and standards for media Open source and standards for fonts

Open standards for the document

Open standards for document presentation

Open standards for document behavior

Open standards for accessibility

Open standards for universality

Open source and standards for media

Open source and standards for fonts

Open Web Stack microformats SVG Vector Graphics PNG/JPG/GIF… Raster Graphics ? [OGG?/ VMS?/Dirac?] Audio & Video SMIL Sycronise- ation Media DOM Document API JavaScript Scripting Behaviour CSS Style sheets Presentation XML XHTML/HTML Markup RDFa Semantics ARIA Accessibility Structure <canvas> Drawing API Open Web “Stack” courtesy david storey, chief web opener, Opera

Are you ready? HTML5 Semantics Application development CSS3 - Go baby, go! Great implementations More on the way Ubiquitous JavaScript

HTML5

Semantics

Application development

CSS3 - Go baby, go!

Great implementations

More on the way

Ubiquitous JavaScript

Thank You London! Photos: Faruk Ates, Lisa Herrod, Caz Mockett, Amit Karmakar, Jon Gibbins, Rachel Andrew Semantics Application development CSS3 - Go baby, go! Great implementations More on the way Ubiquitous JavaScript

Photos: Faruk Ates, Lisa Herrod, Caz Mockett, Amit Karmakar, Jon Gibbins, Rachel Andrew

Semantics

Application development

CSS3 - Go baby, go!

Great implementations

More on the way

Ubiquitous JavaScript