Dawn Wentzell | @saffyre9

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 WEB DESIGN?

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 RESPONSIVE DESIGN?

Dawn Wentzell | @saffyre9

Unique Device Experiences

Dawn Wentzell | @saffyre9

Planning Nightmares

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 Components

bit.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 SITE RESPONSIVE?

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