Email Code Can Be Cool, Honest
summary
Claims that email can be interactive get specific: CSS-only interaction using the checkbox hack and radio buttons, a gallery and full in-email shopping cart that updates totals with CSS counters, form submit via email, and a binary punch-card coding system driving state. Testing complexity hits thousands of renderings (15,000+ typical, 70–80k for some senders), Outlook uses Word rendering (~7% market), Apple Mail supports modern CSS, Gmail strips styles over 16384 characters and code must stay under 102 kilobytes to avoid clipping.
AI-written summary · about
chapters (20)
- 0:00Intro
- 1:15Email is complicated
- 1:50Chad White email rendering
- 2:12What is an email service provider
- 3:16Outlook on Windows
- 9:39Interactions
- 12:43Gallery
- 13:55Forms
- 15:53Conditional Comments
- 17:33Punchcard Coding
- 18:28Radio Button Coding
- 20:05Shopping Cart to Email
- 23:08CSS Form Validation
- 24:23Email Restrictions
- 26:13Star Blocks
- 27:13Device Lab
- 28:53Email Community
- 30:33XWing
- 32:08Active Selector
- 33:08Roof Inspire 3
related talks
40mInteractive Email
21mTonight We're Gonna Code Like It's 1999: Responsive Emails
49mSmartWeb 2016 - Vitaly Friedman
48mDeep dive into Experience Manager Core Components for E-Mail and Forms
43mCSS is Awesome!
30mWeb Components: Just in the Nick of Time
42mDirty little front-end tricks
31mTailwind CSS: It looks awful, and it works