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
290
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
73
Designing for Spacecraft Operations
binx
2
530
Place and Space
binx
0
470
Error: Success
binx
0
490
Peak Visualization?
binx
1
460
The Data Visualization Hustle
binx
2
370
People, Not Users
binx
2
200
Data Collection and Memory
binx
1
170
The Road To Code
binx
1
290
Featured
See All Featured
What the flash - Photography Introduction
edds
67
11k
BBQ
matthewcrist
83
9.2k
What's new in Ruby 2.0
geeforr
340
31k
Being A Developer After 40
akosma
84
590k
Code Reviewing Like a Champion
maltzj
517
39k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Agile that works and the tools we love
rasmusluckow
327
20k
4 Signs Your Business is Dying
shpigford
179
21k
Navigating Team Friction
lara
183
13k
Debugging Ruby Performance
tmm1
72
12k
Designing the Hi-DPI Web
ddemaree
278
34k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
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