smangela: E-mail Design & Development Guidelines pt 1 & 2

part 1: June 18, 2009

Unified standards, specifications, and best practices have made it possible for web designers to increase the accessibility and usability of the sites they’re designing while ensuring that the sites look the same no matter what browser is used. Unfortunately, no such standards presently exist for email design which is why emails face a number of rendering issues that differ among ISPs…read on

part 2: June 23, 2009
No CSS…read on
– – –
Part 2 only has three lines and is only one sentence. I am also not sure if it even correct seeing as you can use CSS in your email but it must be ‘in-line’ and not in a style tag or a linked external style sheet using classes and id.
 td {font-family:arial;font-size:12px;}
 .style1 {font-size:14px;}
<td><span class=”style1″>hello</span>world</td>

is wrong, it should be:
<td style=”font-family:arial;font-size:12px;”><span style=”font-family:arial;”>hello</span>world</td>

This is rather inconvenient for web 2.0 people as you have to add the style attribute to every single tag rather than just referencing it from the top directly or through it’s class but that is the only way that works. Also not all stylings are rendered, eg: bakground images are not popular and often ignored, margin, border, float – also not consistently rendered in all inboxes, check the email standards project for the full details – Outlook 2007, using Word to render is the worst and even after a giant campaign from the ESP blog to FixOutlook, Microsoft do not seem to be in a rush to fix word’s html rendering or writing.

One thought on “smangela: E-mail Design & Development Guidelines pt 1 & 2

  1. I've been told that the best way to build sites for email is to pretend we're still in 1993 and use tables with extra tables for padding instead of…erm, padding.To be honest, in my experience, Photoshops 'slice into html-save for web' function does a very good job on emails. Terrible for websites but like you say, there are no standards for email so the simplest, most stable option seems to work the best.


Comments are closed.