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
41
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
48
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
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
220
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
580
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
110
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
190
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
800
PipeCDのプラグイン化で目指すところ
warashi
1
300
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
530
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
140
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.7k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
170
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Git: the NoSQL Database
bkeepers
PRO
430
65k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Become a Pro
speakerdeck
PRO
29
5.4k
Raft: Consensus for Rubyists
vanstee
140
7k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Designing for humans not robots
tammielis
253
25k
The Invisible Side of Design
smashingmag
301
51k
Why Our Code Smells
bkeepers
PRO
337
57k
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