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
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.3k
Vibe Coding デザインシステム
poteboy
3
1.6k
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
200
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.1k
Storyboard Exercise: Chase Sequence
lynteo
1
200
Treasure_Hunting
solmetts
0
240
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
140
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.3k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
680
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
130
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
510
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
Building the Perfect Custom Keyboard
takai
2
690
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
94
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
Designing for Performance
lara
610
70k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
83
The Pragmatic Product Professional
lauravandoore
37
7.1k
The untapped power of vector embeddings
frankvandijk
1
1.6k
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!