Close and Go BackBack to Viget

Tips For Coding HTML Email

Jim Basio
Jim Basio, ON THE TOPIC OF Tips and Tricks
3/26
2008

For many, designing and coding for emails can become a frustrating task. With so many different types of email clients that each seem to follow distinct standards, many hours can be spent just to figure out what works. Luckily, there are great resources available for reference.

The following list contains both css and html tips to ensure your HTML emails look great when delivered!

  • Great general overview for HTML emails. LINK
  • Campaign Monitor offers an excellent guide to email CSS support that covers both web- and desktop-based email apps. LINK
  • Premailer is a good tool for checking inline CSS in your email template. LINK
  • The Email Standards Project works to improve web standards support and accessibility in email. They have also put together the Email Standards Project Acid Test. LINK
  • A great Flickr group with people showing just how frustrating creating HTML emails for Gmail can be. LINK

Additional resources:


blog comments powered by Disqus

We're The Designers

at Viget Labs. We write about design news, trends, techniques, buildout, inspiration, CSS, and our projects.

What's a-twitter?

Follow us @VigetInspire for updates of the goings-on here or @Viget for more from all of the Viget crew. #thatisall

Contact Us

Have any questions, comments, ideas, or secrets to share? Let us know.


What color is the sky?

Sorry, you need to have Javascript enabled to use this form. (Don't blame us, blame the spammers!) If you'd like to contact us, please visit our Contact page.