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
330
太田博三(@usagisan2020)
otanet
0
220
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3.3k
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
240
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.4k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
180
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
470
Dive Deep into Communication
yomtsu
0
210
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Visualization
eitanlees
146
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Embracing the Ebb and Flow
colly
84
4.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Adopting Sorbet at Scale
ufuk
74
9.2k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
9
430
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
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