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
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
160
問いの変遷
Avatar for なつ iflection
0
150
CIRCULAR ECONOMY + SERVICES
Avatar for John Manoochehri jmanooch
0
110
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
390
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
280
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
170
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
Cards | Storyboards
Avatar for Gio Fortunato giofortuna_story
0
280
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
370
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
720
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
4k

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
800
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
694
190k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k

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 !