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
36
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
42
Front End Workshop 2015
rachelober
0
59
Front End Overview for Interns 2015
rachelober
1
37
IE Classes
rachelober
0
43
Front End Overview (2014)
rachelober
0
37
Team Communication Through Code
rachelober
0
59
What I Learned About SVG
rachelober
0
40
Paperless Post Sass
rachelober
1
71
SassConf Custom Framework/Style Guide Panel
rachelober
0
94
Other Decks in Programming
See All in Programming
What is Parser
yui_knk
9
4.2k
Kotlin 2.0 and Beyond
antonarhipov
2
150
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
4
90k
ドメイン駆動設計を実践するために必要なもの
bikisuke
4
340
実践!難読化ガイド
mitchan
0
250
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
290
Rubyのobject_id
qnighy
6
1.3k
はじめてみよう量子プログラミング
itokoichi01
0
220
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
430
オートマトン学習しろ / Do automata learning
makenowjust
3
130
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
130
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
8.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
It's Worth the Effort
3n
182
27k
Raft: Consensus for Rubyists
vanstee
136
6.5k
Design by the Numbers
sachag
277
19k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
610
Atom: Resistance is Futile
akmur
261
25k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Web development in the modern age
philhawksworth
205
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
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