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

HTML Emails: Tables, Testing, and Tooling

Dan Denney
March 27, 2014
Design
2
97

HTML Emails: Tables, Testing, and Tooling

Part of a meetup presentation, with the rest being live coding FTW.

Dan Denney

March 27, 2014
Tweet

More Decks by Dan Denney

See All by Dan Denney
You're Gonna Love HTML Emails Converge
dandenney
0
160
You're Gonna Love HTML Emails
dandenney
0
170
The Organized Chaos of Email Creation
dandenney
3
1k
Creating HTML Emails Can Be Fun
dandenney
2
310
Creating HTML Emails Can Be Fun
dandenney
9
1.7k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
420
responsive_grids.pdf
dandenney
4
460
Making Money With Web Design
dandenney
4
380
UI Design Decisions
dandenney
2
630

Other Decks in Design

See All in Design
Rayout Pattern 01
one0
0
1.8k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
570
LLMによるRAG評価用合成テストデータの生成
licux
6
870
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
1k
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
880
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
130
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.9k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
860
クライアントワークにおける UXリサーチの実践
kozotaira
0
580
The Golden Whitney
ohtristanart
PRO
0
140
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
420
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.1k

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
119
51k
Statistics for Hackers
jakevdp
798
220k
A designer walks into a library…
pauljervisheath
205
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Side Projects
sachag
452
42k
Music & Morning Musume
bryan
47
6.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
740
Site-Speed That Sticks
csswizardry
5
480
Adopting Sorbet at Scale
ufuk
76
9.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k

Transcript

  1. HTML EMAILS Tables, Testing, and Tooling

  2. WTF, TABLES?

  3. HTTP://WWW.ZELDMAN.COM/WP-CONTENT/JZBYJOHNMORRISONBW.JPG

  4. None

  5. HTTP://WWW.CAMPAIGNMONITOR.COM/CSS/

  6. HOW HORRIBLE IS IT?

  7. BOOTSTRAP, YO

  8. AN EMAIL, B

  9. PROBLEMS & SOLUTIONS ! NESTING = HAML ! INLINE CSS

    = AUTOMATION? ! DRY = RYALAP ! NO FALLBACKS = BEER

  10. TESTING

  11. BROWSERS ! DUO ! CLIENTS ! LITMUS !