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
Responsive Emails
Search
Rachel Ober
September 10, 2014
Programming
0
40
Responsive Emails
Rachel Ober
September 10, 2014
Tweet
Share
More Decks by Rachel Ober
See All by Rachel Ober
So, You Want to Organize a Conference
rachelober
0
51
Front End Workshop 2015
rachelober
0
67
Front End Overview for Interns 2015
rachelober
1
45
IE Classes
rachelober
0
47
Front End Overview (2014)
rachelober
0
45
Team Communication Through Code
rachelober
0
72
What I Learned About SVG
rachelober
0
49
Paperless Post Sass
rachelober
1
89
SassConf Custom Framework/Style Guide Panel
rachelober
0
100
Other Decks in Programming
See All in Programming
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
650
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
140
Is Xcode slowly dying out in 2025?
uetyo
1
270
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
820
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
410
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
7.2k
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
NPOでのDevinの活用
codeforeveryone
0
830
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
800
Featured
See All Featured
Navigating Team Friction
lara
187
15k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
It's Worth the Effort
3n
185
28k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Six Lessons from altMBA
skipperchong
28
3.9k
Transcript
RESPONSIVE EMAILS with Rachel Ober
RESPONSIVE EMAILS https://flic.kr/p/bWugk2
Lotus Notes https://flic.kr/p/bWugk2
4 DESIGNING RESPONSIVE
5 BUILDING BLOCKS OF RESPONSIVE @media FLUID GRIDS FLEXIBLE IMAGES
MEDIA QUERIES
CLASSIC EMAIL TRICKS https://flic.kr/p/uEhmK
CLASSIC EMAIL TRICKS https://flic.kr/p/69fTME
CLASSIC EMAIL TRICKS https://flic.kr/p/diXxXU
RESPONSIVE EMAIL TRICKS
RESPONSIVE EMAIL TRICKS
That wasn’t funny
PROGRAM LIKE IT’S
13 WHY RESPONSIVE EMAIL DESIGN? 47% 150 80% times a
day of emails are opened on a mobile device your eyeballs are on your mobile phone of people delete an email if it looks crappy
14 MOBILE FIRST
15 DESIGN RESPONSIVE EMAIL
16 APPLICATION SUPPORT iPhone Gmail App iPhone Mailbox App iPhone
Yahoo! Mail App Android Gmail App Android Yahoo! App Blackberry OS 5 Windows Mobile 6.1 Windows Phone 7 Windows Phone 8 Not Supported:
17 Image & Icon Credits • http://thenounproject.com/Mikhail1986/ • https://flic.kr/p/9fpnZi •
https://flic.kr/p/6ao3nd • https://flic.kr/p/2W1CBG