Верстка email-письма, два макета?

Question

[Andrew Chil]

Добрый день! Имею следующую проблему. Выполняю тестовое задание, на данном этапе верстка email-письма.
Объясните пожалуйста для чего мне дали два макета, один с картики, другой - без. Не понимаю как верстать, два макета отдельно или можно все в одном и как-то отслеживать отключены ли картинки.
Также буду благодарен за любые советы по верстке email писем. (Best practice для такой верстки)

Comments

[Kovalsky]

foundation.zurb.com/emails.html

Answer 1

[krontill]

Очень рекомендую ссылку на кучу полезных ресурсов, руководств и исследований - https://habrahabr.ru/company/pechkin/blog/273677/
Какие почтовики, какие стили поддерживают -https://www.campaignmonitor.com/css/
emailframe.work фреймворк в помощь.
https://habrahabr.ru/post/106387/ грабли
https://habrahabr.ru/post/60420/ рекомендации

Comments

[Andrew Chil]

Спасибо)

Answer 2

[Ankhena]

Нюансы верстки email-письма?
совпадение?

Comments

[Andrew Chil]

Что мне делать со вторым макетом?

[Ankhena]

Andrew Chil: я же не вижу ни макетов ни задания.

[Andrew Chil]

Ankhena W: Один с картинками, другой - без. Вопрос: нужно две страницы сверстать или можно как-то отследить поддерживает ли клиент картинки?

[Ankhena]

Andrew Chil: на сколько я знаю, нельзя.
А главное, в настройках почты на андроиде не помню такой настройки.

[metaf]

Andrew Chil: А почему вы у нас спрашиваете о подробностях своего задания? Спрашивайте у тех, кто давал задание.

[Andrew Chil]

metaf: Это тестовое задание на работу! Не хочется такое спрашивать

[Ankhena]

Andrew Chil: в задании-то что написано?

[Andrew Chil]

Ankhena W: Требования к письму:
- корректное отображение в популярных почтовых клиентах

Answer 3

[Ivan Burban]

вижу что вопрос был задан давно, потому хотел бы обновить рекомендации касательно верстки email уже к концу 2018.

Верстка интерактивных элементов стала проще (можно использовать редакторы), и все больше клиентов их поддерживают stripo.email/ru/blog/interactive-email-newsletters/

Тренд доступности писем (речь о людях с ограниченными возможностями) stripo.email/ru/blog/email-accessibility-guidelines-standards-best-practices/

Немного о шрифтах stripo.email/ru/blog/best-fonts-email-usage-tips-tricks/