Comments on: 20 Email Design Best Practices and Resources for Beginners http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/ Web Development & Design Tutorials Fri, 19 Mar 2010 14:00:10 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Zee http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-228638 Zee Thu, 11 Mar 2010 15:43:13 +0000 http://net.tutsplus.com/?p=7309#comment-228638 Nice article but I have to disagree with some of your points. I've been doing email for quite some time now for an email based company too. While I do agree that keeping things simple without nested tables is the way to go, that doesn't mean that they won't work in a lot of email. One problem I noticed with developing newsletters at some point was the compatibility amongst email clients so it led me to do a bit of research and figuring out who supports what. First thing is, most of the main email providers do support "style="border-left:1px solid" they've been doing so for the last two years at least. The only email provider that seems not to is AOL mail. Nested tables have worked for me but it definitely took a lot of tweaking and testing to figure it out, but if you use the proper DOCTYPE and the proper inline styles you can definitely get them to work on most email providers. Another thing about not setting widths or heights in images, outlook 2007 seems to be the only email software to ignore widths and heights, so you definitely need to make sure that the image dimensions are exact when you're working with Photoshop. Anyway, my point is, simplicity definitely relieves you from dealing with a bunch of compatibility issues that frustrates developers but when you're dealing with clients who want their designs to be taken up to another level you have to figure out a way to do it, you just need to work on it some more. Nice article but I have to disagree with some of your points. I’ve been doing email for quite some time now for an email based company too. While I do agree that keeping things simple without nested tables is the way to go, that doesn’t mean that they won’t work in a lot of email. One problem I noticed with developing newsletters at some point was the compatibility amongst email clients so it led me to do a bit of research and figuring out who supports what. First thing is, most of the main email providers do support “style=”border-left:1px solid” they’ve been doing so for the last two years at least. The only email provider that seems not to is AOL mail. Nested tables have worked for me but it definitely took a lot of tweaking and testing to figure it out, but if you use the proper DOCTYPE and the proper inline styles you can definitely get them to work on most email providers. Another thing about not setting widths or heights in images, outlook 2007 seems to be the only email software to ignore widths and heights, so you definitely need to make sure that the image dimensions are exact when you’re working with Photoshop. Anyway, my point is, simplicity definitely relieves you from dealing with a bunch of compatibility issues that frustrates developers but when you’re dealing with clients who want their designs to be taken up to another level you have to figure out a way to do it, you just need to work on it some more.

]]> By: Nuh http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-160158 Nuh Tue, 12 Jan 2010 12:35:55 +0000 http://net.tutsplus.com/?p=7309#comment-160158 many thanks for this useful info. many thanks for this useful info.

]]> By: Tamara http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-156985 Tamara Tue, 05 Jan 2010 12:19:13 +0000 http://net.tutsplus.com/?p=7309#comment-156985 19: Use a spacer.gif you don't have to use a spacer.gif. Instead, you can use   (it's html code character for a non-breaking space). 19: Use a spacer.gif

you don’t have to use a spacer.gif. Instead, you can use   (it’s html code character for a non-breaking space).

]]> By: NemesisDesign http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-156983 NemesisDesign Tue, 05 Jan 2010 12:12:45 +0000 http://net.tutsplus.com/?p=7309#comment-156983 I would add something like: "Use the tag in extreme cases when the style attribute doesn't work" Bloody email clients! :-) I would add something like:
“Use the tag in extreme cases when the style attribute doesn’t work”
Bloody email clients! :-)

]]> By: Creative ideas http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-156979 Creative ideas Tue, 05 Jan 2010 11:15:36 +0000 http://net.tutsplus.com/?p=7309#comment-156979 This post not only for developers :) I found very useful info for self. Thanks! This post not only for developers :) I found very useful info for self. Thanks!

]]> By: jmarreros http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-151538 jmarreros Fri, 25 Dec 2009 04:04:00 +0000 http://net.tutsplus.com/?p=7309#comment-151538 good tips here, thanks for sharing. good tips here, thanks for sharing.

]]> By: Sinisa http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-1/#comment-145384 Sinisa Sat, 12 Dec 2009 19:44:28 +0000 http://net.tutsplus.com/?p=7309#comment-145384 Borders don't work in Lotus Notes. It is a shity email client but business users use it. Borders don’t work in Lotus Notes.

It is a shity email client but business users use it.

]]> By: Adam Hermsdorfer http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-143062 Adam Hermsdorfer Mon, 07 Dec 2009 03:50:45 +0000 http://net.tutsplus.com/?p=7309#comment-143062 I didn't know about setting the first table to 100%. Excellent tips! I didn’t know about setting the first table to 100%. Excellent tips!

]]> By: Liminal Web Design Cornwall http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-142760 Liminal Web Design Cornwall Sun, 06 Dec 2009 18:35:54 +0000 http://net.tutsplus.com/?p=7309#comment-142760 I have to prep a designer on the basics of e-newsletter creation and website design n the new year, this is going to be a really handy reference. Awesome work! Ryan I have to prep a designer on the basics of e-newsletter creation and website design n the new year, this is going to be a really handy reference.

Awesome work!

Ryan

]]> By: Anna http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/comment-page-2/#comment-140637 Anna Wed, 02 Dec 2009 17:26:14 +0000 http://net.tutsplus.com/?p=7309#comment-140637 Great article! I shared it with all the designers & marketing assistants at my work. Thanks for making it so clear. Great article! I shared it with all the designers & marketing assistants at my work. Thanks for making it so clear.

]]>