Modern CSS and Interactive Email Techniques

Explore the cutting-edge world of interactive email design in this 50-minute conference talk from CSS Day 2016. Dive into modern CSS techniques that are revolutionizing email marketing, transforming simplistic layouts into fully interactive experiences. Learn about tabbed layouts, image galleries, multiple pages, price calculations, analytics on interactions, games, live content, and 3D CSS in email. Discover current CSS support in email clients, methods for detecting interaction, and advanced techniques like the Checkbox Hack and Punched Card Coding. Gain insights into email analytics, limitations, debugging tools, and industry standards. Get inspired by creative examples and principles for building innovative, interactive email campaigns that push the boundaries of what's possible in this often overlooked medium.

Intro
What is interactive email
The checkbox hack
Examples
Linking clicks to inputs
Nesting
Email clients
Punch card
Flack
Radio Buttons
Email Analytics
Limitations
Fun examples
More examples
Blend modes
Time to build
Most annoying email client
Tools for debugging
Nested labels
Email Acid
Email Standards
Lotus Notes
Time investment
Thunderbird
Principles
Creative ideas