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

Responsive Emails

Rachel Ober
September 10, 2014
Programming
0
38

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
44
Front End Workshop 2015
rachelober
0
64
Front End Overview for Interns 2015
rachelober
1
39
IE Classes
rachelober
0
46
Front End Overview (2014)
rachelober
0
39
Team Communication Through Code
rachelober
0
69
What I Learned About SVG
rachelober
0
44
Paperless Post Sass
rachelober
1
81
SassConf Custom Framework/Style Guide Panel
rachelober
0
96

Other Decks in Programming

See All in Programming
Java 24まとめ / Java 24 summary
kishida
3
470
いまさら聞けない生成AI入門: 「生成AIを高速キャッチアップ」
soh9834
15
4.5k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
230
Django for Data Science (Boston Python Meetup, March 2025)
wsvincent
0
320
Going Structural with Named Tuples
bishabosha
0
200
Signal-Based Data Fetching With the New httpResource
manfredsteyer
PRO
0
160
Day0 初心者向けワークショップ 実践！ソフトウェアテストの第一歩
satohiroyuki
0
830
AI Agents with JavaScript
slobodan
0
220
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k
php-fpm がリクエスト処理する仕組みを追う / Tracing-How-php-fpm-Handles-Requests
shin1x1
5
2.9k
AHC045_解説
shun_pi
0
480
Do Dumb Things
mitsuhiko
0
420

Featured

See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Optimizing for Happiness
mojombo
377
70k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
520
KATA
mclloyd
29
14k
What's in a price? How to price your products and services
michaelherold
245
12k
Making the Leap to Tech Lead
cromwellryan
133
9.2k

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