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
340
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
横断組織デザイナーの働き方
mixi_design
PRO
0
360
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
490
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
380
Rayout Pattern 01
one0
0
1.6k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
320
The Golden Whitney
ohtristanart
PRO
0
110
Flow, Not Stock 知識触媒としてのIA
5kaichi
0
160
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
290
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
160
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
260
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
400
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Git: the NoSQL Database
bkeepers
PRO
429
65k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
450
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
A Philosophy of Restraint
colly
203
16k
Facilitating Awesome Meetings
lara
53
6.3k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Practical Orchestrator
shlominoach
186
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
The World Runs on Bad Software
bkeepers
PRO
67
11k
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