Coding HTML emails is a beast of its own with lots of differences from coding web pages. This workshop will make you reconsider everything you know about coding HTML emails and hopefully make you love the craft.
This workshop is given with Smashing Magazine in 4 sessions.
- Day 1:
- What to expect?
- Outlook.
- Day 2:
- Making Emails Responsive without Responsive.
- Responsive Emails in Practice.
- Day 3:
- Making Emails Sound Good to Screen Readers.
- Dark Mode.
- Day 4:
- Interactivity 101.
- Advanced Interactivity.
All slides can be found at https://workshop.hteumeuleu.com.
Examples I've shown from other brands are in the examples folder. My live coding demos are in the demos folder.
Here are links to some of my work related to HTML emails:
- HTeuMeuLeu.com
- @HTeuMeuLeu on Mastodon
- Can I email…
- Email Bugs
- Email Guidelines
- Webinar with Smashing Magazine
All the CodePen live coding demos I did are visible on CodePen:
Here are other links I may have mentioned throughout the workshop:
- DoWebsitesNeedToLookExactlyTheSameInEveryBrowser.com
- DoEmailsHaveToLookTheSameInEveryClient.com
- Litmus guide to ban blue links on ios devices in email
- EmailComb
- HTML Crush
- Alter.email
- Parcel Email Editor
- Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007, Microsoft
- About conditional comments, Microsoft
- Style attributes reference, Microsoft
- Fixing bugs with Outlook specific CSS, by Stig Morten Myre
- Correcting Outlook DPI Scaling Issues, by Courtney Fantinato
- How to Use VML on Webpages, Microsoft
- Email on Acid
- Litmus
- Testi.at
- The Better Email Resources, by Jason Rodriguez
- Backgrounds.cm
- Buttons.cm
- Good Email Code, by Mark Robbins
- Open Doodles and Open Peeps, by Pablo Stanley
- CSS Selectors, explained