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
99

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
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
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
Fem tips om ux-text • WSA-dagen 29 jan 2025
Avatar for Jonas Söderström jonas_blind_hen
PRO
0
180
CIRCULAR ECONOMY + SERVICES
Avatar for John Manoochehri jmanooch
0
110
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
200
マズロー安達の弟子2期生、成功事例集（17人中17人が3ヶ月平均140万受注）
Avatar for マズロー安達 maslow_akkun
0
4.9k
Generating Momentum | Yasuhiro Yokota
Avatar for Yasuhiro Yokota | 横田泰広 yasuhiroyokota
1
350
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k
sachi_y_portfolio
Avatar for Sachi sachi337
0
240
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.2k
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
1
1.5k
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.5k
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
0
110

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
7
640
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
770
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Done Done
Avatar for chrislema chrislema
184
16k

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 !