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

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
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
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
130
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
140
Look Dev Meetup #50
Avatar for Baku Hashimoto baku89
1
520
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
360
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
320
Rondo 1 Minute Short Storyboard
Avatar for Rachel Poon rezaline
0
120
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
320
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
2
1.6k
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
430
StartDesignEngineering
Avatar for uchiyama886 uchiyama886
1
150
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
4.6k
分散するデザイン組織をつなぐ　デザインミートアップの取り組み/nikkei-tech-talk49
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
1
360

Featured

See All Featured
Design in an AI World
Avatar for tapps tapps
1
350
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
580
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.7k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
600
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

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 !