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
Don't Forget the Little (?)
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Milton Jackson
November 15, 2013
Design
0
75
Don't Forget the Little (?)
An introduction to responsive design. A talk presented at the Start Up Institute in NYC.
Milton Jackson
November 15, 2013
Tweet
Share
More Decks by Milton Jackson
See All by Milton Jackson
Our Websites Suck Because...
iammilton
0
150
Developing the Euros
iammilton
0
170
Other Decks in Design
See All in Design
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
Emmy's Artwork
mcksmith
0
200
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
570
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
110
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
250
デザインを信じていますか
sekiguchiy
1
960
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
180
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
300
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
2
130
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
Franks Myth
gfht1
1
410
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
660
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
Crafting Experiences
bethany
1
49
How to build a perfect <img>
jonoalderson
1
4.9k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
55
Large-scale JavaScript Application Architecture
addyosmani
515
110k
For a Future-Friendly Web
brad_frost
182
10k
Transcript
Don’t Forget The Little (?) Developing Responsive Websites and Web
Applications Milton Jackson @iammilton
Introduction The Worldwide Leader Side Gig Dude! UX • Design
• Front End Development UX’er • Designer • Front Ender Web Application Developer HR Guy • Cash Stalker
Be Prepared! But I have to deal with this too!
Why? Consumption Trending Down
Why? The Elephant is still in the room
Why? Cash is King! $
Responsibly Responsive
Remember Your Audience
So Brilliant!
Set Realistic Expectations (1) Just because it looks good, doesn’t
mean it’s not sour!
Doubly Wonderful: 2 concepts for a successful responsive designs (2)
CMS • Best Available Screen
Our Process All roads lead to… 3 development strategies (3)
Single Code Base • Dual Code Base • Server Side
Single Code Base The Biggest Loser Winner @media all and
(max-width:500px){ }
Dual Code Base Good Luck!
Server Side https:/ /github.com/serbanghita/Mobile-Detect Control! <? if($isMobile){ // do this
} ?>
(4) You Are Not Alone Adobe Shadow Aptus CSS Tricks
Twitter Bootstrap Framework (etc)
I’ll shut up now! Let’s work!