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
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Bulletproof Design System with TypeScript
takanorip
6
3.5k
Cyber Heart Online Book
hjnasby
0
120
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
140
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
280
Cards | Storyboards
giofortuna_story
0
280
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
線で考える画面構成
natsuume
1
880
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
720
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Adopting Sorbet at Scale
ufuk
77
9.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
For a Future-Friendly Web
brad_frost
179
9.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
940
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Site-Speed That Sticks
csswizardry
10
670
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