Crafting HTML Email
- Length: 72 pages
- Edition: 1
- Language: English
- Publisher: SitePoint
- Publication Date: 2022-04-06
- ISBN-10: B09YJ24W8K
- Sales Rank: #648366 (See Top 100 Books)
Learn the secrets that HTML email pros use to create effective emails that work well in every single email client!
Emails are part of almost every web project, from password reset to order confirmations to marketing emails. Yet coding HTML emails is dreaded among even the most experienced web developers as they can be tricky, given the multiple quirks of different email clients. This short book explains modern HTML email best practices, from how to deal with multiple email clients, to adding interactivity (yes you can do that!), to accessibility, and more. We’ll finish with a complete case study: a redesign of SitePoint’s very own email newsletter. Stop worrying about HTML email and learn to love the craft!
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 <style> Avoiding Automatic Links Using Real URLs Adding an Empty <head> 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
Donate to keep this site alive
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.