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
The Future Will be Made of Screens
Search
binx
February 24, 2012
3
300
The Future Will be Made of Screens
Presented at the February 2012 Designers & Geeks Meeup
binx
February 24, 2012
Tweet
Share
More Decks by binx
See All by binx
On the Importance of Iteration
binx
0
100
Designing for Spacecraft Operations
binx
2
600
Place and Space
binx
0
520
Error: Success
binx
0
520
Peak Visualization?
binx
1
540
The Data Visualization Hustle
binx
2
440
People, Not Users
binx
2
230
Data Collection and Memory
binx
1
220
The Road To Code
binx
1
370
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Automating Front-end Workflow
addyosmani
1371
200k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
960
Building Adaptive Systems
keathley
43
2.8k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
BBQ
matthewcrist
89
9.8k
Why Our Code Smells
bkeepers
PRO
339
57k
The Language of Interfaces
destraynor
162
25k
Transcript
The Future Will be Made of Screens
American Eagle Screen in Times Square
1, 2, 10 Design for Each Level
Scaling Down
Viewport <link rel="stylesheet" media="screen and (max- device-width: 480px)" href=”iphone.css”/> <meta
name="viewport" content="width=device- width, initial-scale=1, maximum-scale=1"> @media screen and (max-device-width: 480px) { .column { float: none; } } Media Queries
Fluid Design mediaqueri.es
MoMA’s Talk to Me
Platform Detection navigator.userAgent IE iOS iPad iPhone Safari Firefox Chrome
Lesson: The Mobile Version Can be Different Different Layout Different
Movement Different Behavior
2011 MTV Video Music Awards
Different Behavior for Different Devices
Scaling Up
“make it big, and make it interesting”
2011 Spike Video Game Awards
Oprah’s Lifeclass - Web
Subtle Motion?
Oprah’s Lifeclass - TV
2011 MTV European Music Awards
Stage View
Fluid Platform Experience PC Mobile Television Optimize: Interaction Performance Optimize:
Legibility Motion
None
Thanks!
[email protected]
@rachelbinx