Какие изменения произошли в вёрстке html писем в 2019?

Question

[Сергей Васенин]

Подскажите, что изменилось в плане верстки писем на html. Что можно почитать в 2019, чтобы это было актуально.

Comments

[Владислав Лысков]

С начала нулевых никаких

[Rustam Bainazarov]

Если хотите максимальный охват почтовых клиентов — то никаких изменений не произошло. Ну а так, Gmail стал поддерживать медиазапросы, например.

[Владимир Дубровин]

Владислав Лысков, станное заявление, такое можно сделать только если вы вообще темой не просто не интересовались, но и старательно избегали, т.к. с нулевых в верстке поменялось примерно все. Сейчас де-факто стандарт - адаптивная верстка, хотя стандарт принят в 2014, а многие сервисы поддержали только в последние пару лет. В конце марта этого года, например, сразу несколько крупных сервисов поддержали AMP, который добавляет динамический контент и интерактивность в письма и тоже рискует стать де-факто стандартом.

[Владислав Лысков]

Владимир Дубровин, для писем

[Владимир Дубровин]

Владислав Лысков, да, для писем.

[Владислав Лысков]

Владимир Дубровин, ну-ну, покажи мне адаптивное письмо во всяких там оутулуках

[Владислав Лысков]

Владимир Дубровин, https://www.campaignmonitor.com/css/
Тут можешь посмотреть как и что поддерживается разными клиентами и забытььоб адаптивности, ампах, флексах и прочим в письмах

[Владимир Дубровин]

Владислав Лысков, адаптивная верстка делается, чтобы письмо нормально выглядело на мобильных клиентах, где сейчас смотрится 70% писем. Если вы отправляете маркетинговые письма по стандартам нулевых, то 70% ваших получателей видят треш и содомию.

Answer 1

[Alex Karo]

Мне понравились некоторые хаки, изложенные Фридманом
https://youtu.be/wuTPzW6aK0Q?t=2385

Answer 2

[CityCat4]

Никакие :) Как резали html в письмах, так и дальше режем... :)

Answer 3

[Рома Зварич]

Как вариант, можно поискать статьи в хабе "Верстка писем" на Хабре: https://habr.com/ru/hub/devmail/

Сомневаюсь, что 1 января 2019 года всё резко изменилось и статьи за 2017 и 2018 год стали неактуальными.
Мне эти две статьи понравились:
- https://habr.com/ru/company/netologyru/blog/324970/
- https://sendpulse.com/ru/blog/html-coding-for-email

Answer 4

[strelok011]

Рекомендую использовать mjml, этот движок разом снимет кучу гемороя. Я пользуюсь им под vs code, скорость верстки писем выросла в сотни раз

Answer 5

[Владимир Дубровин]

Самое значимое изменение, и именно в 2019 это, разумеется, поддержка AMP вместо статического HTML
https://amp.dev/about/email
https://postmaster.mail.ru/amp/
https://developers.google.com/gmail/ampemail/
Тут нелохой обзор возможностей.