Small but Stretchy: Responsive content

Post on 05-Dec-2014

1.957 views 2 download

description

 

Transcript of Small but Stretchy: Responsive content

Small but StretchyRESPONSIVE CONTENT

@designbyfront

sasquatchfestival.com

CANVAS SIZE

REPOSITIONED RESIZED CUT BACK TURNED OFF/HIDDEN

google.com/trends

Oct 2010 Jan 2011 Apr 2011 Jul 2011

RESPONSIVE DESIGN

CONTENT STRATEGY

“Whatever the device – we need to

create layouts from the content out.”

- Mark Boulton, A Richer Canvas, 24 March 2011 ..

Content Choreography by Trent Walton, July 14th 2011

CONTENT CREATION

DESIGN

DEVELOPMENT

GET INVOLVED or

SUFFER THE CONSEQUENCES

MULTIPLE VERSIONS = BAD

MARKED UP CONTENT?

WE NEED TO:

Own it

Think small

Edit

1

2

3

CONTENT CREATION

DESIGN

DEVELOPMENT

STARTING WITH MEANS LESS AND

Photo by Kim Smith

LESS IS MORE

GROW vs TRIM

Photo by Pink Sherbet Photography

“If I’d had more time, I would

have written a shorter letter”

- Blaise Pascal, 16th Century

WRITING EDITING

Google: Responsive web design

Mobile !rst design

Media Queries

Follow me @hishellywilson