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

HTML Emails: Tables, Testing, and Tooling

Avatar for Dan Denney 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.
Avatar for Dan Denney

Dan Denney

March 27, 2014
Tweet

More Decks by Dan Denney

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

Other Decks in Design

See All in Design
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.1k
aya_murakami_portfolio
Avatar for aya ayakaimi1101
0
1.6k
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
110
プロダクトデザインの「守破離」の「破」について
Avatar for HAYASHIRINE hayashirine
0
340
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
550
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
150
LLMによるRAG評価用合成テストデータの生成
Avatar for mtsukada licux
6
1k
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
1
1.4k
20241204_UI/UXデザイナーLT会 - vol.10_DMM
Avatar for Motoko Ishida motokoishida
0
410
富山デザイン勉強会_デザイントレンド2025.pdf
Avatar for keita keita_yoshikawa
0
270
セブンデックス カルチャーブック
Avatar for セブンデックス sevendex
1
12k
デザイナーのお仕事（UI/UX GRAPHIC GROUP）
Avatar for Mirrativ mirrativ
0
260

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
523
40k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
122
52k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Building Applications with DynamoDB
Avatar for Matt Wood mza
94
6.4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Side Projects
Avatar for Sacha Greif sachag
453
42k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k

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 !