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
Creating HTML Emails Can Be Fun
Search
Dan Denney
February 12, 2014
Design
340
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Creating HTML Emails Can Be Fun
Minor tweaks to the last version
Dan Denney
February 12, 2014
More Decks by Dan Denney
See All by Dan Denney
You're Gonna Love HTML Emails Converge
dandenney
0
190
You're Gonna Love HTML Emails
dandenney
0
200
The Organized Chaos of Email Creation
dandenney
3
1.2k
HTML Emails: Tables, Testing, and Tooling
dandenney
2
120
Creating HTML Emails Can Be Fun
dandenney
9
1.8k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
450
responsive_grids.pdf
dandenney
4
480
Making Money With Web Design
dandenney
4
400
UI Design Decisions
dandenney
2
650
Other Decks in Design
See All in Design
Frontier
rwang05
0
170
AIでデザインをつくる:基礎編
kenichiota0711
4
3.2k
decksh object reference
ajstarks
2
1.7k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
210
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
Design dependencies
teba_eleven
0
130
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
520
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
290
つくり方を変えていく | change-how-we-build
mottox2
2
1.3k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
300
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.1k
PAMPHLET.pdf
mhand01
0
1k
Featured
See All Featured
Speed Design
sergeychernyshev
33
1.9k
What's in a price? How to price your products and services
michaelherold
247
13k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
Abbi's Birthday
coloredviolet
3
8.4k
RailsConf 2023
tenderlove
30
1.5k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Side Projects
sachag
455
43k
A designer walks into a library…
pauljervisheath
211
24k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
860
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
How to make the Groovebox
asonas
2
2.3k
Transcript
creating html can be fun emails creating html can be
fun emails creating html can be fun emails creating html can be fun emails creating html can be fun emails creating html can be fun emails
Once upon a time Once upon a time Once upon
a time
In a land not too far away... In a land
not too far away... In a land not too far away...
None
None
None
I like-a you do da email
None
The End of the awkward third-person fairy tale The End
of the awkward third-person fairy tale The End of the awkward third-person fairy tale
None
emails sent from multiple sources ! changing service ! marketing
needs editing access ! we might change again soon ! ! ! ! ! emails sent from multiple sources ! changing service ! marketing needs editing access ! we might change again soon ! ! ! ! ! emails sent from multiple sources ! changing service ! marketing needs editing access ! we might change again soon ! ! ! ! !
http://wikicedia.net/images/4/45/Cool-story-bro.jpg
Responsive? Responsive? Responsive? Responsive?
it for Go it for Go it for Go
17 17 17
None
17 + 17 + 4 38 17 + 17 +
4 38 17 + 17 + 4 38
autonomy mastery purpose autonomy mastery purpose autonomy mastery purpose
None
None
http://blog.mailchimp.com/mobile-email-research
46% 46% 46%
Delight Delight Delight
https://litmus.com/blog/mobile-opens-hit-record-high-of-47
None
None
80% 80% 80% http://www.bizreport.com/2013/03/bluehornet-302-unsubscribe-on-receipt-of-a-badly-formatted-m.html
$ $ $
None
None
Successes Successes Successes
None
None
feedback ftw feedback ftw feedback ftw
Getting Started Getting Started Getting Started
It’s not more difficult. It’s not more difficult. It’s not
more difficult. too much too much too much
Create a system Create a system Create a system
None
Choose a great service Choose a great service Choose a
great service
None
Build where ! comfortable. you are Build where ! comfortable.
you are Build where ! comfortable. you are
None
Embrace the tech Embrace the tech Embrace the tech
Test in clients Test in clients Test in clients
Use a service when you can’t Use a service when
you can’t Use a service when you can’t
https://litmus.com/blog/the-how-to-guide-to-responsive-email-design-infographic/full-view
Resources Resources Resources campaignmonitor.com/css zurb.com/playground/responsive-email-templates internations.github.io/antwort mailchimp.com litmus.com modernhtmlemail.com Code
services book Code services book Code services book
@dandenney !
[email protected]
github.com/dandenney/email-design @dandenney !
[email protected]
kippt.com/dandenney/email-design @dandenney !
[email protected]
Thank you Thank you Thank you