Crafting HTML Email

Crafting Effective HTML Email Notice of Rights Notice of Liability Trademark Notice About the Author About SitePoint Table of Contents Code Samples Tips, Notes, and Warnings Hey, You! Ahem, Excuse Me ... Make Sure You Always ... Watch Out! Crafting HTML Emails: Coding HTML Emails: A Modern Perspective Rémi Parmentier Email Isn’t Dead HTML Emails Aren’t Stuck in the 1990s Defining an Email Client “Email Developer” Is a Job Conclusion Essential Best Practices Rémi Parmentier Supporting the Outlooks How the Outlook Rendering Engine Works Conditional Comments mso- Properties VML Rendering at 120dpi Making Your Emails Work without Avoiding Automatic Links Using Real URLs Adding an Empty Keeping Email Sizes below 102KB Removing CSS Comments Using an HTML5 Doctype Conclusion Adding Interactivity to HTML Emails Rémi Parmentier Hover Effects on Link Buttons Swapping Images on Hover Toggling Content on Click A Basic Checkbox Wrapping a Checkbox inside a Label Conditional Comments for Outlook Hiding the Checkbox in Other Email Clients Using the ~ General Sibling Combinator Conclusion Accessibility in HTML Emails Rémi Parmentier Using Semantic Markup Adding role="presentation" to Tables Using Headings, Paragraphs, and Lists Adding role="article" The alt Attribute Setting an Empty alt Attribute Setting Appropriate Alternative Text The lang Attribute Conclusion A Case Study: Redesigning SitePoint’s Weekly Newsletter Rémi Parmentier A Full-width Header A More Semantic Article Block Responsive versus Mobile First Conclusion