$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Responsive Emails
Search
Rachel Ober
September 10, 2014
Programming
0
43
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
54
Front End Workshop 2015
rachelober
0
69
Front End Overview for Interns 2015
rachelober
1
48
IE Classes
rachelober
0
50
Front End Overview (2014)
rachelober
0
53
Team Communication Through Code
rachelober
0
79
What I Learned About SVG
rachelober
0
61
Paperless Post Sass
rachelober
1
91
SassConf Custom Framework/Style Guide Panel
rachelober
0
110
Other Decks in Programming
See All in Programming
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
160
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
harappa80
0
310
これならできる!個人開発のすゝめ
tinykitten
PRO
0
100
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
agatan
2
7.2k
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
160
WebRTC と Rust と8K 60fps
tnoho
2
2k
FluorTracer / RayTracingCamp11
kugimasa
0
230
Microservices rules: What good looks like
cer
PRO
0
1.4k
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
140
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
330
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
420
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
400
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Producing Creativity
orderedlist
PRO
348
40k
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Building Adaptive Systems
keathley
44
2.9k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
[RailsConf 2023] Rails as a piece of cake
palkan
58
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
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