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

HTML Emails: Tables, Testing, and Tooling

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Dan Denney Dan Denney
March 27, 2014
Design
110
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
180
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.1k
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
430
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
640

Other Decks in Design

See All in Design
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
350
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1.1M
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.3k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
310
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
740
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
16k
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
510
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
420
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.6k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.1k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
290
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
28k

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
310
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
100
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
180
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
900
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

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 !