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

HTML Emails: Tables, Testing, and Tooling

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Dan Denney Dan Denney
March 27, 2014
Design
120
2

HTML Emails: Tables, Testing, and Tooling

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

Avatar for Dan Denney

Dan Denney

March 27, 2014

More Decks by Dan Denney

See All by Dan Denney
You're Gonna Love HTML Emails Converge
Avatar for Dan Denney dandenney
0
190
You're Gonna Love HTML Emails
Avatar for Dan Denney dandenney
0
190
The Organized Chaos of Email Creation
Avatar for Dan Denney dandenney
3
1.2k
Creating HTML Emails Can Be Fun
Avatar for Dan Denney dandenney
2
340
Creating HTML Emails Can Be Fun
Avatar for Dan Denney dandenney
9
1.8k
Web Typography and the Case of the Voluptuous Curl
Avatar for Dan Denney dandenney
3
440
responsive_grids.pdf
Avatar for Dan Denney dandenney
4
480
Making Money With Web Design
Avatar for Dan Denney dandenney
4
400
UI Design Decisions
Avatar for Dan Denney dandenney
2
650

Other Decks in Design

See All in Design
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
300
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
190
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.3k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
250
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
160
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for kgsi kgsi
0
680
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
240
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.4k
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
120
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
150
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.2k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
260

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
390
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
220
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.5M
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
680
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
720
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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 !