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
86

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
150
You're Gonna Love HTML Emails
dandenney
0
160
The Organized Chaos of Email Creation
dandenney
4
790
Creating HTML Emails Can Be Fun
dandenney
2
210
Creating HTML Emails Can Be Fun
dandenney
9
1.7k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
410
responsive_grids.pdf
dandenney
4
440
Making Money With Web Design
dandenney
4
350
UI Design Decisions
dandenney
2
590

Other Decks in Design

See All in Design
終わりなき探究を前提としたデザインモデルの開発 - デュアルサイクルモデルの提案 -
hirokazu_oda
0
280
「タクティクスオウガ リボーン」に学ぶ、 過去制作物修正における取捨選択
kenjiclown5
0
320
UXA2023 Andy Budd - Design’s Mid-Life Crisis
uxaustralia
PRO
0
240
ユーザーのペルソナを元にしたアクセシビリティガイドラインを作りたいというアイデア - レバレジーズ x ココナラ x ニフティ 合同フロントエンド勉強会
niftycorp
0
100
UXA2023 Zoë Rose - Creative thinking methodologies: a lost history
uxevents
PRO
0
120
いかに開発効率と品質を高めるか: ドメイン駆動設計と組織パターンの視点から考える
j5ik2o
PRO
1
620
UXA2023 Emily Underwood and Eilish Out-O'Reilly - Designing for the overlooked user we will all become
uxaustralia
PRO
0
120
UXA2023 Andy Budd - Design’s Mid-Life Crisis
uxevents
PRO
0
250
企業のための言葉えらび 〜Ameba リブランディングプロジェクト〜
cyberagentdevelopers
PRO
1
430
お節介UIになってない？ ゲームに学ぶ『ちょうどいい』フォロー
aicocco
0
180
スタジオディテイルズ / Company Information
studiodetails
1
3.3k
20230615tdm
miure
0
120

Featured

See All Featured
Creatively Recalculating Your Daily Design Routine
revolveconf
208
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
26
45k
Building Effective Engineering Teams - LeadDev
addyosmani
21
950
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
219
21k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.8k
Web Components: a chance to create the future
zenorocha
304
41k
Fireside Chat
paigeccino
18
2.2k
GraphQLの誤解/rethinking-graphql
sonatard
44
8.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
17
1.3k
Embracing the Ebb and Flow
colly
77
3.8k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
215
12k
4 Signs Your Business is Dying
shpigford
172
21k

Transcript

  1. HTML EMAILS
    Tables, Testing, and Tooling

    View Slide

  2. WTF, TABLES?

    View Slide

  3. HTTP://WWW.ZELDMAN.COM/WP-CONTENT/JZBYJOHNMORRISONBW.JPG

    View Slide

  4. View Slide

  5. HTTP://WWW.CAMPAIGNMONITOR.COM/CSS/

    View Slide

  6. HOW HORRIBLE IS IT?

    View Slide

  7. BOOTSTRAP, YO

    View Slide

  8. AN EMAIL, B

    View Slide

  9. PROBLEMS & SOLUTIONS

    !
    NESTING = HAML

    !
    INLINE CSS = AUTOMATION?

    !
    DRY = RYALAP

    !
    NO FALLBACKS = BEER

    View Slide

  10. TESTING

    View Slide

  11. BROWSERS

    !
    DUO

    !
    CLIENTS

    !
    LITMUS

    !

    View Slide