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

Responsive Emails

Avatar for Rachel Ober Rachel Ober
September 10, 2014
Programming
0
48

Responsive Emails

Avatar for Rachel Ober

Rachel Ober

September 10, 2014
Tweet

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
58
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
73
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
54
IE Classes
Avatar for Rachel Ober rachelober
0
54
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
61
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
85
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
68
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
95
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
120

Other Decks in Programming

See All in Programming
Docコメントで始める簡単ガードレール
Avatar for Keisuke Ikeda keisukeikeda
1
110
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
170
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
190
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.2k
AIに任せる範囲を安全に広げるためにやっていること
Avatar for Masashi Fukuzawa fukucheee
0
130
Go1.26 go fixをプロダクトに適用して困ったこと
Avatar for Hiroki Kurasawa kurakura0916
0
360
Rで始めるML・LLM活用入門
Avatar for wakama1994 wakamatsu_takumu
0
170
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
410
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
8k
Agent Skills Workshop - AIへの頼み方を仕組み化する
Avatar for Gota gotalab555
15
8.5k
手戻りゼロ？ Spec Driven Developmentとは@KAG AI week
Avatar for Tomoki Hirai tmhirai
1
190
ロボットのための工場に灯りは要らない
Avatar for watany watany
10
2.7k

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
480
Design in an AI World
Avatar for tapps tapps
0
170
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
290
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
84
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Between Models and Reality
Avatar for mayunak mayunak
2
230

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