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
52
Front End Workshop 2015
rachelober
0
67
Front End Overview for Interns 2015
rachelober
1
47
IE Classes
rachelober
0
49
Front End Overview (2014)
rachelober
0
46
Team Communication Through Code
rachelober
0
74
What I Learned About SVG
rachelober
0
52
Paperless Post Sass
rachelober
1
89
SassConf Custom Framework/Style Guide Panel
rachelober
0
100
Other Decks in Programming
See All in Programming
CSC509 Lecture 07
javiergs
PRO
0
250
AkarengaLT vol.38
hashimoto_kei
1
130
EMこそClaude Codeでコード調査しよう
shibayu36
0
460
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
なんでRustの環境構築してないのにRust製のツールが動くの? / Why Do Rust-Based Tools Run Without a Rust Environment?
ssssota
14
47k
iOSでSVG画像を扱う
kishikawakatsumi
0
170
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
160
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
9k
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
1.2k
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
210
ALL CODE BASE ARE BELONG TO STUDY
uzulla
28
6.8k
NIKKEI Tech Talk#38
cipepser
0
290
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
YesSQL, Process and Tooling at Scale
rocio
173
15k
A Modern Web Designer's Workflow
chriscoyier
697
190k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Why Our Code Smells
bkeepers
PRO
340
57k
Side Projects
sachag
455
43k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Visualization
eitanlees
150
16k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Building Applications with DynamoDB
mza
96
6.7k
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