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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
binx
February 24, 2012
3
310
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
110
Designing for Spacecraft Operations
binx
2
620
Place and Space
binx
0
530
Error: Success
binx
0
530
Peak Visualization?
binx
1
600
The Data Visualization Hustle
binx
2
460
People, Not Users
binx
2
250
Data Collection and Memory
binx
1
230
The Road To Code
binx
1
400
Featured
See All Featured
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
Done Done
chrislema
186
16k
Thoughts on Productivity
jonyablonski
74
5k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
49
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Producing Creativity
orderedlist
PRO
348
40k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
410
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