Small but Stretchy: Responsive content

20
Small but Stretchy RESPONSIVE CONTENT @designbyfront

description

 

Transcript of Small but Stretchy: Responsive content

Page 1: Small but Stretchy: Responsive content

Small but StretchyRESPONSIVE CONTENT

@designbyfront

Page 2: Small but Stretchy: Responsive content

sasquatchfestival.com

CANVAS SIZE

Page 3: Small but Stretchy: Responsive content

REPOSITIONED RESIZED CUT BACK TURNED OFF/HIDDEN

Page 4: Small but Stretchy: Responsive content

google.com/trends

Oct 2010 Jan 2011 Apr 2011 Jul 2011

RESPONSIVE DESIGN

CONTENT STRATEGY

Page 5: Small but Stretchy: Responsive content

“Whatever the device – we need to

create layouts from the content out.”

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

Page 6: Small but Stretchy: Responsive content

Content Choreography by Trent Walton, July 14th 2011

Page 7: Small but Stretchy: Responsive content

CONTENT CREATION

DESIGN

DEVELOPMENT

Page 8: Small but Stretchy: Responsive content

GET INVOLVED or

SUFFER THE CONSEQUENCES

Page 9: Small but Stretchy: Responsive content

MULTIPLE VERSIONS = BAD

Page 10: Small but Stretchy: Responsive content

MARKED UP CONTENT?

Page 11: Small but Stretchy: Responsive content

WE NEED TO:

Own it

Think small

Edit

1

2

3

Page 12: Small but Stretchy: Responsive content

CONTENT CREATION

DESIGN

DEVELOPMENT

Page 13: Small but Stretchy: Responsive content

STARTING WITH MEANS LESS AND

Page 14: Small but Stretchy: Responsive content

Photo by Kim Smith

Page 15: Small but Stretchy: Responsive content

LESS IS MORE

Page 16: Small but Stretchy: Responsive content
Page 17: Small but Stretchy: Responsive content

GROW vs TRIM

Photo by Pink Sherbet Photography

Page 18: Small but Stretchy: Responsive content

“If I’d had more time, I would

have written a shorter letter”

- Blaise Pascal, 16th Century

Page 19: Small but Stretchy: Responsive content

WRITING EDITING

Page 20: Small but Stretchy: Responsive content

Google: Responsive web design

Mobile !rst design

Media Queries

Follow me @hishellywilson