If you have a hard time remembering all the hacks needed to make your HTML email designs look consistent across the major email clients, then here’s good news. There’s now an HTML Email Boilerplate available that features time-saving CSS, detailed explanations and links to resources such as Campaign Monitor blog posts (which provided inspiration for much of the code). Or in the Boilerplate’s own words:
“… (it is a) template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc.”
This boilerplate is a great starting point for any email job and enormously useful if you’re just starting to get your head around coding. Embedded are tips on using table layouts, margin use and controlling link colors – stuff that generally takes a lot of trial, error and general trawling around design blogs to find out for yourself.
Many thanks to Sean Powell, Engage Group and the Nonprofit Technology Conference for this amazingly well-executed resource. To take a look and download the code, scoot over to the HTML Email Boilerplate site.