What is the difference between website layout and email newsletter layout?

Question

HTML

Good afternoon!
Explain how the layout of the email newsletter design pages is technically different from the layout of a regular site?
Well, for example, the design of the toaster mailing list - https://yadi.sk/i/jbMVwoKWpxdds
Is freelancing expensive?

Answer 1

It differs in that many popular email clients and services support html and css standards much worse than browsers.
There are several articles on Habré about the features of layout for mailing lists.

Answer 2

1. Email clients are very different, and many of them are really terrible, at the level of IE5.0 (only tables, minimal CSS, etc.). Therefore, cross-client layout is usually very tedious and requires table layout skills.
2. Mail clients usually strip out non(!) inline styles. Which drastically limits the ability to use CSS in emails.
3. Many email clients prohibit the download of images, at least until the user's explicit permission, which again imposes a development restriction. It is necessary to take into account the probability of downloading a letter without pictures at all.
But, there is no evil without good. Today, there are excellent tools that help a lot in this difficult task, like the layout of letters. They are:
1. Foundation framework specifically for email. Includes tools for converting CSS to inline styles.
2. Litmus , a super convenient service for testing the appearance of emails. You no longer need to install a bunch of different email clients and start different test emails.
In addition, there are a lot of articles on Habrahabr that reveal the secrets of letter layout. For example: Responsive Email Design, or How to Read an Email...

Answer 3

The only more or less intelligible answer was given by Denis Ineshin . However, it is very incomplete.
Technically, the layout of letters is no different from the layout of websites. But in the case of sites, we need to support roughly the latest versions of four browsers and several versions of IE. In the case of emails, support can result in more than 40 email clients, web services, and mobile applications. If browsers were more or less able to agree on standards, then mailers could not. Each email client has a number of nuances that complicate the development process. For maximum support, you need to use a huge number of crutches so that they do not interfere with each other in different mailers.
Your toaster example is poorly implemented. Poor support for mobile and old mailers. If you are one of those whiners who don't want/can't support older versions of IE in website layout, then email layout is not for you.
Designing a letter is much more labor-intensive than a website. In Runet there is no normal concept of pricing for layout of letters. The customer has absolutely no idea about the workflow. On the usual freelancing, the designer is paid more than the coder for developing letters. Working with freelance exchanges, you will earn a little less on the layout of letters than nihua.
The main source of income on the layout of letters is working with large companies that are engaged in email marketing. The niche is practically not occupied. There are practically no quality performers.