Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Small but Stretchy - Responsive Content
Search
front
September 27, 2011
Design
5
350
Small but Stretchy - Responsive Content
Slides for @hishellywilson's talk at #csforum2011. Watch the video at
http://vimeo.com/28642885
front
September 27, 2011
Tweet
Share
More Decks by front
See All by front
Voice of Type Test
front
1
19k
Typecast - What you need to know
front
4
12k
Other Decks in Design
See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
680
The Spectacular Lies of Maps
axbom
PRO
1
300
デザイナー向けフライル説明資料
toshiblues
0
160
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.5k
Installing and Running decksh/pdfdeck
ajstarks
1
860
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
130
株式会社バクタム 会社説明資料
bactum
0
360
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.8k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
420
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
130
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Side Projects
sachag
455
43k
KATA
mclloyd
32
15k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How STYLIGHT went responsive
nonsquared
100
5.8k
Statistics for Hackers
jakevdp
799
220k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Transcript
Small but Stretchy RESPONSIVE CONTENT @designbyfront
sasquatchfestival.com CANVAS SIZE
REPOSITIONED RESIZED CUT BACK TURNED OFF /HIDDEN
google.com/trends 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
None
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