Blog:

13 July 2010

HTML E-mail Design Techniques Part 1 [Video Tutorial]

By Keir Whitaker

Today’s free helping from the Think Vitamin Membership video library looks at what to do and what not to do when designing HTML email.

In part 1 of this series, you’ll learn techniques for dealing with e-mail clients that disable images by default.

7

Enjoy this article?

If you liked this article, feel free to re-tweet it to let others know. Thanks, we appreciate it :)

This post was written by

Keir Whitaker

After a number of years working on web projects for the NHS Keir spent a few years freelancing before joining Carsonified in February 2008. Having helped out across all areas of the company he now focuses on Think Vitamin. You can follow him on Twitter

Related Articles

1. UX Focus [Video Tutorial]
2. Learn Web Design – Free Tutorial Videos
3. How to Install Ruby on Rails [Video Tutorial]
4. jQuery Animation Part 1 [Video Tutorial]

We love .net Magazine

We're big fans of .net so they've hooked us up with a rad deal: Save 45 percent on your subscription.

7 Comments

• 

  dennis(m)trinh

  # July 13, 2010 - 4:39 pm

  Awesome video post!

  All valid points. Can’t wait for the second video!

  Reply
• 

  John

  # July 13, 2010 - 11:08 pm

  Thanks for the video tutorial. It’s very informative. I found a tool a couple of months ago that helps with coding HTML emails. Its called Email on Acid (http://www.emailonacid.com) and they show you exactly what HTML/CSS is not supported in each email client. Its a great tool and has saved me a ton of time designing clients emails. Anyway I hope this tool helps someone else as much it has helped me.

  Reply
• 

  Josh

  # July 14, 2010 - 8:09 am

  I use emailonacid too and it’s a great tool that’s great value for money.

  Reply
• 

  Nick Pettit

  # July 14, 2010 - 8:54 pm

  Thanks for mentioning this tool, John! I’ll be sure to check it out. :)

  Reply
• 

  Gaurav Mishra

  # July 14, 2010 - 5:58 am

  Smart techniques covered. Like it

  Reply
• 

  perth web

  # July 15, 2010 - 1:38 am

  nice and clear presentation, nice work!

  Reply
• 

  Kerem

  # July 15, 2010 - 6:03 pm

  I was expecting a little more detailed video but I guess this is only Part 1. I feel dirty when I design and code HTML E-mails, really dirty that I take a shower afterwards. :)

  Nice Video post though.

  Reply