Interactive Email

on YouTube ↗40m

" summary

Claims that email can host true interactivity using only HTML and CSS backed by real stats and constraints: 102 KB HTML limit and about 77% form support guide what is practical and what needs fallbacks. Implementations use radio/checkbox “hacks,” CSS counters for math, and image-as-pixel tracking; a photo gallery, a review form that doubles conversions, a fully editable shopping cart with CSS counters and even a buggy 3D demo all work in modern clients (Apple Mail / iOS Safari family) but require careful targeting and accessibility workarounds.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 1:38Modern email clients
3. 3:35Interactions
4. 6:00Photo Gallery
5. 6:55Interactive Gallery
6. 10:47Forms
7. 13:03Form Example
8. 15:57Punch Card
9. 19:51Shopping Cart
10. 24:34Accessibility
11. 30:58Fun stuff
12. 39:00Final demo

" related talks

• 37mEmail Code Can Be Cool, HonestMark Robbins · Pixel Pioneers Bristol 2017
• 38mMy email becomes dynamic!Patrice De Saint Steban · AFUP Day 2020 Nantes
• 33mCutting-Edge Responsive Web DesignVitaly Friedman · Nordic.js 2016
• 59mJavaScript for emails, are you sure?Phil Nash · NDC Sydney 2020
• 45mAccessibility in HTML emailMark Robbins · Inclusive Design 24 (#id24) 2017
• 59mJavaScript for emails, are you sure?Phil Nash · NDC Sydney 2020
• 49mSmartWeb 2016 - Vitaly FriedmanVitaly Friedman · SmartWeb 2016
• 19mHTML can do that?Tomáš Pustelník · WebExpo 2022