Вёрстка адаптивных email-писем: подробное руководство (часть 2)

[Prometheus]

все почтовые веб-клиенты (gmail, yandex, mail) потрут ваши классы в head.
только инлайн-стили и останутся.

[utkorose]

templates.mailchimp.com/resources/inline-css

[VitaLik_is_goodman]

комментарий вообще не в тему :) вопрос заключается в том, что как они собираются прописывать media queires для gmail, yandex, mail, а Вы тыкаете каким-то инлайнером

Статья неполная, где же все хаки для mso, приемы через max-width, опять недоработка Печкин :)

[lol_wat]

Доработаем в следующих материалах, не переживайте. Все в один не уместить)

[popovsergey]

Уважаемый автор, расскажите пожалуйста о том, как с поддержкой всего того, что вы описываете выше на мобильных устройствах и почтовых клиентах. Спасибо

[dudeonthehorse]

Отвечу за автора. С поддержкой чуть более, чем дерьмово. Media Queries не поддерживаются мобильным Gmail, как на андроиде, так и на iOS. Из отечественных приложений аналогичная ситуация с поделкой Mail.ru и Яндекс почтой. 95% ситуаций можно сверстать без медиазапросов и головной боли при грамотном сотрудничестве дизайнера и верстальщика.

[Alexnn]

И опять ни слово о том, что картинки блокируются, например, gmail — litmus.com/blog/the-ultimate-guide-to-email-image-blocking

и все эти красивые шаблоны с картинками становятся очень некрасивыми

[lol_wat]

Ну камон, что значит «опять» :) Сто раз уже мы писали о том, что надо тестировать письма на тех клиентах, которые наиболее популярны у подписчиков. О том, что некоторые клиенты блокируют изображения, и что с этим делать, рассказыается вот, к примеру, в этом материале habrahabr.ru/company/pechkin/blog/255819

[dudeonthehorse]

Нео, а что если я скажу тебе, что даже при отключенных картинках письмо может выглядеть приятно? Лого можно послать аттачем. А на изображение товара в рассылке я взгляну включив картинки. И в этом нет ничего фатального.

[HandleX]

HTML письма радуют глаз, ok. Нажимаем кнопку «Переслать» в почтовом клиенте, и вашей красоте полный швах, письмо нечитаемо вообще. Как с этим бороться?
Поэтому ящитаю, HTML письма зло.

[lol_wat]

Ну кейс с «переслать» он не всегд актуален, поэтому так огульно утверждать про зло не стоит. Иногда, бесспорно plain text работает даже лучше, все индивидуально

[dudeonthehorse]

А ящитаю, что зло — криворукие верстальщики. Сверстанные мною письма идеально отображаются при форварде. Единственное, что может произойти — потеря media queries при форварде из десктопного почтового клиента. Это проблема почтового клиента и криворуких верстальщиков. Первое неизлечимо, второе — очень просто: адаптивность без media queries.

[dudeonthehorse]

Пункт про хайрезы для ретины из статьи проваливается с крахом, потому что на айфоне в gmail это работать не будет. А ведт стоило всего-то вставить картинку 200 на 200 и указать ей инлайном размеры 100 на 100. Ну, подумаешь трафика будет больше для обычных клиентов, зато работает везде.