One Size Fits All: Responsive Web Design

When: Saturday, 2:15 pm
Where: Salon A-D

Learn about a strategy for deploying a single news website across multiple contexts, providing an immersive, unified experience from handhelds to desktops. We’ll show you how to create compelling reading experiences in a responsive layout, how it affects art direction and ad delivery, and can be used to broaden your site’s reach.

Session Updates (15)

Such a beautiful thin sans font. Feet away from design gurus @mirandamulligan and @beep / #ona11 #design
Sep 24 via Twitter for MacFavoriteRetweetReply

Miranda Mulligan

Miranda Mulligan

Ethan and Miranda

Ethan Marcotte and Miranda Mulligan

#Design is not just about the final deliverable. It’s about the process. #ona11
Sep 24 via Twitter for MacFavoriteRetweetReply

@beep: Responsive design is a marriage between visual web design and interaction design processes. #ona11
Sep 24 via Twitter for iPhoneFavoriteRetweetReply

Discover the problem+ design+ develop = deliver #ONA11 #responsivedesign
Sep 24 via Twitter for iPadFavoriteRetweetReply

Mobile needs to be the starting point. -Ethan Marcotte

.@beep references this 2009 article on why we need to be designing on the web for mobile first. http://t.co/klaYIpmc#ona11 #design
Sep 24 via TweetDeckFavoriteRetweetReply

“Mobile and desktop have become synonyms for less & more” – @beep points out that desktop sites often serve much more than users want/need
Sep 24 via TweetDeckFavoriteRetweetReply

Vital! @beep warns: “less functional” mobile #design can create “traps,” desire for “escape hatch.” Example: Flickr experience #ona11
Sep 24 via Twitter for iPadFavoriteRetweetReply

In fluid width design, @beep promotes CSS rule max-width:100% to allow images render at any size that it needs. #ona11 #design
Sep 24 via HootSuiteFavoriteRetweetReply

@brianboyer // seeing the hard stuff should get people excited about learning and making things themselves! does for me! // @beep
Sep 24 via Twitter for MacFavoriteRetweetReply

"There is no mobile web" – suggested reading from Stephen Hay http://t.co/t5SyGNLm#design#ONA11
Sep 24 via Mobile WebFavoriteRetweetReply

Flexible images for a flexible responsive #design? I wonder how the photo editors feel about that. 2 versions of same image online. #ONA11
Sep 24 via webFavoriteRetweetReply

Lots of open source code came out of the Boston Globe redesign, respond.js, responsive-images.js sez @beep#ona11
Sep 24 via Tweetbot for iPhoneFavoriteRetweetReply

Site development by Daniel Bachhuber and Sean Connolly.

Site design by Dan Essrow, Pamela Sarian and Scott Dasse.

© Online News Association • All Rights Reserved • P.O. Box 65741 • Washington, DC 20035