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
330
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
root Design Partnership Policy
root_recruit
0
4.3k
The Fight
euralisw
0
120
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.4k
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
250
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.3k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
180
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
460
decksh object reference
ajstarks
2
930
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
PRO
0
130
Designship 2023|想いを可視化するデザインの力
weddingpark
0
250
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
1人歩きする営業資料作成
yutoshukuya
2
160
Featured
See All Featured
How GitHub Uses GitHub to Build GitHub
holman
468
290k
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
Automating Front-end Workflow
addyosmani
1357
200k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
Debugging Ruby Performance
tmm1
70
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Building Applications with DynamoDB
mza
88
5.6k
Scaling GitHub
holman
457
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Music & Morning Musume
bryan
41
5.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
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