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
110

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
180
You're Gonna Love HTML Emails
Avatar for Dan Denney dandenney
0
180
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
330
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
470
Making Money With Web Design
Avatar for Dan Denney dandenney
4
390
UI Design Decisions
Avatar for Dan Denney dandenney
2
640

Other Decks in Design

See All in Design
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2.5k
第18回サイゼミ
Avatar for LW lw
1
1.2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
360
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
630
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
440
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
0
390
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
1.1k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.6k
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
0
270
kintone_aroma
Avatar for kintone kintone
0
1.1k

Featured

See All Featured
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
44
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
830
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
32
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
93
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
400
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
130
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
140
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k

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 !