Slide 1

Slide 1 text

The Right Story for the Right Screen Ben Callahan @bencallahan Dan Oshinsky @danoshinsky How Responsive Web Design Will Change Everything you Think About the Web Sunday, June 10, 12

Slide 2

Slide 2 text

There are more mobile phones on the planet than there are TVs. source: http://bit.ly/p0dHCY Sunday, June 10, 12

Slide 3

Slide 3 text

of US consumers have their mobile device within reach 24/7. 91% source: http://bit.ly/p0dHCY Sunday, June 10, 12

Slide 4

Slide 4 text

Mobile devices account for of global web traffic. 8.5% source: http://bit.ly/a2f9uO Sunday, June 10, 12

Slide 5

Slide 5 text

of US mobile web users are mobile-only web users. 25% source: http://bit.ly/a2f9uO Sunday, June 10, 12

Slide 6

Slide 6 text

of US consumers prefer news via the mobile web 63% prefer a mobile app 37% source: http://bit.ly/a2f9uO Sunday, June 10, 12

Slide 7

Slide 7 text

Responsive Web Design Ethan Marcotte Article on alistapart.com Book via A Book Apart Sunday, June 10, 12

Slide 8

Slide 8 text

http://contentsmagazine.com http://thegreatdiscontent.com http://bostonglobe.com Sunday, June 10, 12

Slide 9

Slide 9 text

Fluid Grid Flexible Content Media Queries Responsive Web Design Sunday, June 10, 12

Slide 10

Slide 10 text

Responsive web design removes barriers to content. Sunday, June 10, 12

Slide 11

Slide 11 text

Simple things can be powerful things. Sunday, June 10, 12

Slide 12

Slide 12 text

*Use the whole screen *Everything should be about the story *No unnecessary distractions – keep it uncomplicated Instructions Sunday, June 10, 12

Slide 13

Slide 13 text

Stry.us demo Sunday, June 10, 12

Slide 14

Slide 14 text

Resources http://stry.me/AANtalk Books Tools Other responsive designs Sunday, June 10, 12

Slide 15

Slide 15 text

July 9/10 in Columbus http://buildresponsively.com Sunday, June 10, 12

Slide 16

Slide 16 text

Questions? Ben Callahan @bencallahan Dan Oshinsky @danoshinsky Sunday, June 10, 12