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.
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!
Beginner's Guide to Using Sass in Email Coding
Do you repeat bits of CSS code across email template projects? Learn to use the Sass preprocessor language to change that and design reusable components.Read more
Open Source Email HTML Modification Tools for Email Developers
Grab these free & open-source HTML code modification tools created by EDMdesigner specifically for email coders.Read more
Managing Full-time Employees at a Growing SaaS Company
In this article you can read about how an early-stage startup can overcome management difficulties with the SCRUM methodology and the pomodoro technique.Read more