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
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
佐藤千晶|ポートフォリオ
chimi_chia
0
170
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
260
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
400
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
550
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.9k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
550
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
270
「UXとUIの違い」v2
shirasu3
0
250
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
240
mento Design Team Portfolio
mento0fficial
1
860
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
We Have a Design System, Now What?
morganepeng
53
7.8k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
Unsuck your backbone
ammeep
671
58k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Automating Front-end Workflow
addyosmani
1371
200k
How GitHub (no longer) Works
holman
315
140k
The Pragmatic Product Professional
lauravandoore
36
6.9k
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