Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

HTML Emails: Tables, Testing, and Tooling

Avatar for Dan Denney Dan Denney
March 27, 2014
Design
130
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
200
You're Gonna Love HTML Emails
Avatar for Dan Denney dandenney
0
210
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
350
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
460
responsive_grids.pdf
Avatar for Dan Denney dandenney
4
490
Making Money With Web Design
Avatar for Dan Denney dandenney
4
410
UI Design Decisions
Avatar for Dan Denney dandenney
2
660

Other Decks in Design

See All in Design
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
210
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
390
Jun Wei | Information Design & Presentation Portfolio
Avatar for Wong Jun Wei wjw100788
PRO
0
190
デザインワークフローの最前線。 ログラスでのAI活用の現在地
Avatar for Kaori Ueda ukaoli
1
3.6k
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
Avatar for Kenta Iwasaki iwaken71
0
200
Where Imagination Ends AI Begins
Avatar for R-524 r5ni4
0
490
デザイン組織の広報が、AIを_社内外に広げる_ためにやってきたこと
Avatar for MIXI DESIGN mixi_design
PRO
0
140
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
7.7k
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
10
6.5k
Starfall (2025)
Avatar for Rachel Poon rezaline
0
180
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
230
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
370

Featured

See All Featured
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.7k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
290
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
340
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
7k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
820

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 !