Верстка HTML-писем. Часть 2
Поддержка свойств
Очень важно знать, что поддерживается, а что нет. На это, разумеется, есть специальные сайты, например:
или
В основном на аутлуке там все красное, но в целом ничего нового))
Инлайнер
Инлайнер — очень важный инструмент, позволяющий вам спокойно верстать как раньше, в теге style допустим, а потом он автоматически сделает стили инлайново.
https://www.campaignmonitor.com/resources/tools/css-inliner/
Валидатор
Думаю, ни для кого не секрет, что валидность очень важна. Придерживайтесь ее.
Тестирование
Самая важная часть в верстке писем — постоянное тестирование.
https://putsmail.com/ — бесплатный ручной тестировщик. Вводите нужные адреса, отправляете письмо (кстати, там есть инлайнер встроенный).
www.emailonacid.com/ и https://litmus.com/ — бесплатный ручной тестировщик. Вводите нужные адреса, отправляете письмо (кстати, там есть инлайнер встроенный).
Удобство
Можно изучить email-фреймворк для быстроты.
Ну и примечание про тестирование — лучшие устройства для тестирования — это реальные устройства :)
Источник: https://blog.maxgraph.ru/verstka-html-pisem-chast-2/