Download - Small but Stretchy: Responsive content
![Page 1: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/1.jpg)
Small but StretchyRESPONSIVE CONTENT
@designbyfront
![Page 2: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/2.jpg)
sasquatchfestival.com
CANVAS SIZE
![Page 3: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/3.jpg)
REPOSITIONED RESIZED CUT BACK TURNED OFF/HIDDEN
![Page 4: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/4.jpg)
google.com/trends
Oct 2010 Jan 2011 Apr 2011 Jul 2011
RESPONSIVE DESIGN
CONTENT STRATEGY
![Page 5: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/5.jpg)
“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](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/6.jpg)
Content Choreography by Trent Walton, July 14th 2011
![Page 7: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/7.jpg)
CONTENT CREATION
DESIGN
DEVELOPMENT
![Page 8: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/8.jpg)
GET INVOLVED or
SUFFER THE CONSEQUENCES
![Page 9: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/9.jpg)
MULTIPLE VERSIONS = BAD
![Page 10: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/10.jpg)
MARKED UP CONTENT?
![Page 11: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/11.jpg)
WE NEED TO:
Own it
Think small
Edit
1
2
3
![Page 12: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/12.jpg)
CONTENT CREATION
DESIGN
DEVELOPMENT
![Page 13: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/13.jpg)
STARTING WITH MEANS LESS AND
![Page 14: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/14.jpg)
Photo by Kim Smith
![Page 15: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/15.jpg)
LESS IS MORE
![Page 16: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/16.jpg)
![Page 17: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/17.jpg)
GROW vs TRIM
Photo by Pink Sherbet Photography
![Page 18: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/18.jpg)
“If I’d had more time, I would
have written a shorter letter”
- Blaise Pascal, 16th Century
![Page 19: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/19.jpg)
WRITING EDITING
![Page 20: Small but Stretchy: Responsive content](https://reader034.vdocuments.us/reader034/viewer/2022051412/548214e0b4af9f870d8b469e/html5/thumbnails/20.jpg)
Google: Responsive web design
Mobile !rst design
Media Queries
Follow me @hishellywilson