Responsive Web Design

Responsive Web Design Dawn Wentzell @saffyre9 Dawn Wentzell | @saffyre9

One URL• Bing: March 2012• Google: June 2012 Dawn Wentzell | @saffyre9

WHY ONE URL? Dawn Wentzell | @saffyre9

Google: It’s easier for us• Easier for users• Easier on crawl efficiency• Easier for link algorithms Dawn Wentzell | @saffyre9

Bing: It’s easier for you!• Not splitting ranking• Less crawler bandwidth• Less maintenance Dawn Wentzell | @saffyre9

Dawn Wentzell | @saffyre9

WHAT IS RESPONSIVE WEBDESIGN? Dawn Wentzell | @saffyre9

CSS Media Queries• Uses the same: – HTML – Content Dawn Wentzell | @saffyre9

NOT CSS2 Media Types Dawn Wentzell | @saffyre9

CSS3 Media Queries Dawn Wentzell | @saffyre9

“Rather than looking for a type of device they look at the capability of the device” – Smashing Magazine bit.ly/PPYxad Dawn Wentzell | @saffyre9

WHY USE RESPONSIVE DESIGN? Dawn Wentzell | @saffyre9

Single Content Source Dawn Wentzell | @saffyre9

Single Code Base Dawn Wentzell | @saffyre9

Any Content, Any Platform Dawn Wentzell | @saffyre9

Device Agnostic Dawn Wentzell | @saffyre9

WHY NOT USE RESPONSIVEDESIGN? Dawn Wentzell | @saffyre9

Unique Device Experiences Dawn Wentzell | @saffyre9

PlanningNightmares Dawn Wentzell | @saffyre9

Page Load Times Dawn Wentzell | @saffyre9

WHICH SHOULD I USE? Dawn Wentzell | @saffyre9

Dawn Wentzell | @saffyre9

CAN I USE BOTH? Dawn Wentzell | @saffyre9

Yes!RESS: Responsive Web Design + Server Side Componentsbit.ly/SX7vAF Dawn Wentzell | @saffyre9

“…optimizing what we send to any given device is taken care of on the server.” – Luke W Dawn Wentzell | @saffyre9

HOW DO I MAKE MY SITERESPONSIVE? Dawn Wentzell | @saffyre9

Start Fresh Dawn Wentzell | @saffyre9

Mobile First Dawn Wentzell | @saffyre9

Device Classes Dawn Wentzell | @saffyre9

Breakpoints Dawn Wentzell | @saffyre9

CSS3 Media Queries Dawn Wentzell | @saffyre9

Resources• One URL: bit.ly/QDOTJL• Responsive Design: bit.ly/VfVQBA• RESS: bit.ly/Rt20wO Dawn Wentzell | @saffyre9

Thank You! Dawn Wentzelldawn@dawnwentzell.com @saffyre9 Dawn Wentzell | @saffyre9

http://www.etaktiker.ch	17
https://twitter.com	12
https://si0.twimg.com	3
http://kred.com	2
http://tweetedtimes.com	1

Responsive Web Design

by Dawn Wentzell on Oct 17, 2012

Accessibility

Upload Details

Usage Rights

5 Embeds 35

Statistics