small but stretchy: responsive content
DESCRIPTION
TRANSCRIPT
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