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
94

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
970
Creating HTML Emails Can Be Fun
dandenney
2
300
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
450
Making Money With Web Design
dandenney
4
370
UI Design Decisions
dandenney
2
620

Other Decks in Design

See All in Design
Personal Story Sequence(WIP) - Younghoon Park
elrns88
0
250
Kim Possible - Crush
olgastoryboard
0
130
Night Shift concept 9/15/2024
cpineda57
0
740
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
340
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
130
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
290
Night Shift (beginning sequence)
cpineda57
0
910
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
330
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
280
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
170
ZOZO CDO Office Design
zozodevelopers
PRO
1
420
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
790

Featured

See All Featured
Documentation Writing (for coders)
carmenintech
65
4.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Building Your Own Lightsaber
phodgson
102
6.1k
Automating Front-end Workflow
addyosmani
1366
200k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Code Reviewing Like a Champion
maltzj
520
39k
What's new in Ruby 2.0
geeforr
343
31k

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 !