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
100

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
170
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
1.1k
Creating HTML Emails Can Be Fun
Avatar for Dan Denney dandenney
2
320
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
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
200
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3k
mento Design Team Portfolio
Avatar for mento _official mento0fficial
0
370
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
180
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
130
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
680
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
690
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
430
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
150
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
620
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.3k
freee + Product Design FY25Q4
Avatar for freee freee
4
15k

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.1k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
530
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
710
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.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 !