Email clients are not web browsers, but are very similar and are usually built on a browser’s engine. That’s why if we want to understand, the different behaviors of email clients, we need to explore the history of technologies, browsers and email clients together.

There are thousands of email clients out there since email is almost as old as the Internet itself. In this article we only focus on the most significant ones.

Click on the image for higher resolution

You can see the browser and the technology achievements in the background – original illustration from ‘Evolution of the Web‘ at – and the most famous email clients in the foreground. We hope that this illustration helps you to understand the relationship between browsers and email clients.

In most cases new email clients appeared after new browser versions, since they are always based on the related browsers’ HTML/CSS parsing and rendering engine.

The big old players still dominate the email client market, but we have to admit, there are lot of new and fancy email clients emerging from time to time (like Mailbox), but none of them reached the critical mass to get on the map.

The biggest pain for email coders is that the the most popular email clients are stuck in the past:
– The Microsoft Outlook 2013 uses the old and messy Microsoft Word HTML/CSS parser, that is even worse than Internet Explorer 6.
Gmail still ignores nearly all new generation CSS properties, style tags and media queries as well.
– Outlook.com is pretty good in supporting things, but for some strange reason it forces a margin-bottom on all paragraph element. (Luckily there is an existing solution to hack it back to normal)

If you want to dig deeper into the dirty background of email clients, check out the Email Standards Project. We would love to see a world where email clients behave like modern web browsers, but unfortunately it only seems to be a nice dream. No worries, we will stick around and help you make the most out of email.

Feel free to use EDMdesigner even for free and reach out to us if you need any help in responsive email design / coding!

Author
Gergely Mecs

Gergely Mecs

Chief Frontend Developer @ EDMdesigner.com

  • Visual Email Testing with Developer Tools, Litmus and Email on Acid Visual Email Testing with Developer Tools, Litmus and Email on Acid

    Have you ever struggled with email testing before? The browser developer tools, Litmus and Email on Acid can help you. See how to use them together.

    Read more
  • How to Use JavaScript for Creating HTML Email Layouts How to Use JavaScript for Creating HTML Email Layouts

    Does it take you 1+ hour to code an HTML email template? Maybe it's time to reconsider your workflow. Learn how to create email layouts with scripts.

    Read more
  • How to Use Sublime Text for HTML Email Development How to Use Sublime Text for HTML Email Development

    Do you want to cut the development time of your next HTML email template in half? Streamline coding productivity with Sublime Text's greatest features.

    Read more