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
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
ニーリーにおけるプロダクトエンジニア
nealle
0
840
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.3k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
170
PicoRuby on Rails
makicamel
2
130
Porting a visionOS App to Android XR
akkeylab
0
470
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
150
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
1
220
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
890
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
Featured
See All Featured
BBQ
matthewcrist
89
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Rails Girls Zürich Keynote
gr2m
95
14k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
How GitHub (no longer) Works
holman
314
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
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