Slide 1

Slide 1 text

Responsive Web Design Feb 2012

Slide 2

Slide 2 text

All the web enabled devices, put your hands up!

Slide 3

Slide 3 text

Device! Location! Context! Screen size! Processor speed! JavaScript! Flash! Media Queries! Drink! Girls! Feck!

Slide 4

Slide 4 text

Highest common denominator Universal access?

Slide 5

Slide 5 text

A different website for each device Optimum experience?

Slide 6

Slide 6 text

Responsive Web Design The Hannah Montana Solution

Slide 7

Slide 7 text

“Mobile first” What is your key content? What are your key features?

Slide 8

Slide 8 text

Adaptive content Progressive enhancement

Slide 9

Slide 9 text

Fluid grids Multiple break points

Slide 10

Slide 10 text

Emerging technical solutions A clear trajectory

Slide 11

Slide 11 text

the web print desktop apps Ugh! God! I HATE you! You’re so embarrassing!!!

Slide 12

Slide 12 text

New ways of working

Slide 13

Slide 13 text

Designers Developers

Slide 14

Slide 14 text

It could always have been this way

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Ceci n'est pas une photographie

Slide 17

Slide 17 text

What it was all along

Slide 18

Slide 18 text

“ The primary design principle underlying the Web’s usefulness and growth is universality. When you make a link, you can link to anything. [...] The Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality — from a silly tweet to a scholarly paper. And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. ” Tim Berners-Lee http://www.scientificamerican.com/article.cfm?id=long-live-the-web

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

t Luke Wroblewski Ethan Marcotte Simon Collison Jeremy Keith Bryan Rieger I stole it all from these guys! Google these names for more information on Responsive Web Design! @morganesque