How to Code HTML Email Newsletters

My good friend Adam from Wurpool asked me to spruce up his HTML emails. Nothing big, just little fixes.
When it comes down to mobile web, webkit-specific, CSS etc I'm, as they'd say in Spain, en mi salsa: tell me how you want it and it's done.
Not having sone many HTML templates, I felt the need to look around and came across this amazing article.
It's from a year ago but most if not all of it still applies. Definitely a great read if you're interested in the topic.
A brief excerpt:

Do not use the CSS style declaration in the HTML head tag, as you might when authoring web pages. Instead, place your style declaration right below the body tag — Google Mail, in particular, looks for any style in the email and (helpfully) deletes it. Also, don't bother using the link element to reference an external style sheet: Google Mail, Hotmail, and other email software will ignore, modify, or delete these external references to a style sheet.

You can find the full text here.
You can also find a good selection of free HTML email templates you can download, edit and use here.

Back to Blog