We had a recent question in our forums regarding which clients support hexadecimal vs. RGB values so I figured I would publish the results of my research to our blog as well.
In summary, it is best to avoid using rgb(255,0,0) values when developing HTML emails. Long hex (#F00F00), Short hex (#F00) and colors (red) are supported in all the email clients I tested.
We have just released beta versions for both the native Android email client as well as the Android Gmail client application. For those who have not yet had the privilege to pick up one of these extremely sleek and user friendly devices, let’s dive into a few high points with regard to the way they render emails.
This is an email that was sent on October 26, 2010 for Sony Vegas Pro. In this demo, we will show you how the text wraps for easy readability within the email client that comes standard on the Android 2.2.
It is no surprise that your email can be received in many different email clients. It may, however be surprising to hear that each email client uses it’s own rendering engine which means that there are even more varients to consider. The intention for this article is to help you with a quick, easy way to ensure your email renders properly in 67 variations of the most popular email clients used worldwide in just 2 easy steps.
As if email development wasn’t already scary enough, it seems as though we are pushed even further into the HTML and CSS dark ages when it comes to the subject of DOCTYPE. After quite a bit of testing over the past year, we’ve have come to a very clear understanding of the DOCTYPE, it’s effect on your layout and how being aware of it can save a lot of time and frustration.
Although our email testing simulation is intended to make your life much easier, it is still vitally important to test your email in each of the popular web browsers as well.
In taking into account the complexity of testing your email, we must first consider the most popular email applications used today. Then we will take a look at web based email clients, and finally we will touch on ways to ensure that your email will render correctly on mobile devices.
The Case of a Hidden Escape Character…
It’s official, there’s an invisible ghost haunting Hotmail and it had us spooked for over 3 days! OK so we don’t mean Friday the 13th scary, but still scary to a programmer who doesn’t see it coming!
Microsoft Not Playing Nice with Office 2010
It doesn’t appear that Microsoft is going to play nice with HTML rendering in Office 2010. They are continuing down the ’07 path by using Word to render HTML. Are you surprised? Honestly, we aren’t. We have recently received a beta version of Outlook 2010 and through our email tests we have noted the same rendering problems from Outlook 07.
Until now, designing and developing HTML emails has been like trying to hit a moving target while blindfolded. Each of the email clients have different standards for how they accept and render standard HTML and CSS.