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
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
270
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
220
Concept Art of Pirate Cat
hansolo21
0
2.6k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.1k
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
260
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.5k
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
Resolving text accessibility dilemmas in UIs
romanshamin
0
110
意志と、デザインと、ときどきお金
transit_kix
2
1.9k
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
340
ノベルティの勘所 / Communication DesignNight vol.01
transit_kix
0
730
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
530
Featured
See All Featured
Clear Off the Table
cherdarchuk
82
310k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Designing with Data
zakiwarfel
94
4.8k
What's in a price? How to price your products and services
michaelherold
236
11k
Building Applications with DynamoDB
mza
88
5.6k
How to name files
jennybc
62
92k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
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