Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML Emails: Tables, Testing, and Tooling

Dan Denney
March 27, 2014
Design
2
95

HTML Emails: Tables, Testing, and Tooling

Part of a meetup presentation, with the rest being live coding FTW.

Dan Denney

March 27, 2014
Tweet

More Decks by Dan Denney

See All by Dan Denney
You're Gonna Love HTML Emails Converge
dandenney
0
160
You're Gonna Love HTML Emails
dandenney
0
170
The Organized Chaos of Email Creation
dandenney
3
1k
Creating HTML Emails Can Be Fun
dandenney
2
310
Creating HTML Emails Can Be Fun
dandenney
9
1.7k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
420
responsive_grids.pdf
dandenney
4
460
Making Money With Web Design
dandenney
4
380
UI Design Decisions
dandenney
2
630

Other Decks in Design

See All in Design
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
ncdc
0
120
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.2k
LLMによるRAG評価用合成テストデータの生成
licux
6
730
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
190
Les petites aventures de CSS, saison 2025
goetter
3
4k
Dive Deep into Communication
yomtsu
0
220
Rayout Pattern 01
one0
0
1.5k
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
400
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
650
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
vivion
0
320
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
Social Anxiety
ksmith2024
0
130

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Building an army of robots
kneath
303
45k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Agile that works and the tools we love
rasmusluckow
328
21k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k

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 !