Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Emails

Rachel Ober
September 10, 2014
Programming
0
36

Responsive Emails

Rachel Ober

September 10, 2014
Tweet

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
Rubyのobject_id
qnighy
6
1.3k
How to Break into Reading Open Source
kaspth
2
220
Modernisation Progressive d’Applications PHP
hhamon
0
110
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
XStateでReactに秩序を与えたい
gizm000
0
740
Patched fetch did not work
quramy
4
410
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
820
【TID2024】模擬講義：プログラマと一緒にゲームをデザインしてみよう！
akatsukigames_tech
0
680
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
140
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
1k
今インフラ技術をイチから学び直すなら
yuhta28
1
140
Rechartsで楽にゴリゴリにカスタマイズする！
10tera
1
170

Featured

See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Side Projects
sachag
451
42k
How GitHub (no longer) Works
holman
310
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
130
Practical Orchestrator
shlominoach
185
10k
In The Pink: A Labor of Love
frogandcode
139
22k
The World Runs on Bad Software
bkeepers
PRO
64
11k
How to Ace a Technical Interview
jacobian
274
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Making Projects Easy
brettharned
113
5.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
43
2k
For a Future-Friendly Web
brad_frost
174
9.3k

Transcript

  1. RESPONSIVE EMAILS with Rachel Ober

  2. RESPONSIVE EMAILS https://flic.kr/p/bWugk2

  3. Lotus Notes https://flic.kr/p/bWugk2

  4. 4 DESIGNING RESPONSIVE

  5. 5 BUILDING BLOCKS OF RESPONSIVE @media FLUID GRIDS FLEXIBLE IMAGES

    MEDIA QUERIES

  6. CLASSIC EMAIL TRICKS https://flic.kr/p/uEhmK

  7. CLASSIC EMAIL TRICKS https://flic.kr/p/69fTME

  8. CLASSIC EMAIL TRICKS https://flic.kr/p/diXxXU

  9. RESPONSIVE EMAIL TRICKS

  10. RESPONSIVE EMAIL TRICKS

  11. That wasn’t funny

  12. PROGRAM LIKE IT’S

  13. 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. 14 MOBILE FIRST

  15. 15 DESIGN RESPONSIVE EMAIL

  16. 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. 17 Image & Icon Credits • http://thenounproject.com/Mikhail1986/ • https://flic.kr/p/9fpnZi •

    https://flic.kr/p/6ao3nd • https://flic.kr/p/2W1CBG