Страницы

Поиск по вопросам

суббота, 30 ноября 2019 г.

Верстка email писем 2к18/19

#html #css #email #вёрстка_email


Уже несколько лет не верстал email-писем, изменилось ли что-нибудь? Мы по прежнему
верстаем на таблицах, а стили – инлайним? Я пытался найти статистики использования
почтовых клиентов, чтобы проверить поддержку CSS-свойств на caniuse.email, но все они
оказались без указания версий почтовых клиентов: litmus.com, emailmonday.com.


  Сообщения могут открывать в почтовых клиентах и браузерах, которые не
  поддерживают новые версии HTML и CSS. Табличная верстка – залог того,
  что письмо не «разъедется» и нормально отобразится на всех платформах.
  – Источник


Ситуация такая же, как и с CSS Grid Layout – складывается ощущение, что до последнего
момента мы откладываем новые технологии, чтобы поддерживать почти мёртвые браузеры
или старые почтовые клиенты, как в нашем случае. Поделитесь статистиками, если у вас
таковые имеются, может только у меня сложилось впечатление, что целевая аудитория сверстанных
писем уже давно сидит на Gmail и Mail App, и можно разгуляться с использованием HTML5
тегов, медиа запросов и прочих «плюшек».

Если не разводить дискуссию и допустить, что всё по-прежнему печально и вёрстка писем
– это таблицы с инлайн стилями, то какие инструменты сейчас используются? В ходу ли
фреймворки, например Zurb Foundation for Emails 2 – это единственное, что нашел я с
поддержкой препроцессоров. Или своя сборка с inline-css и вперёд?

В Google прошу не слать – все статьи или устарели или переформулируют одни и те же
идеи из года в год без какого-либо авторитетного мнения.
    


Ответы

Ответ 1



За последние несколько лет основные почтовые клиенты нисколько не поменялись. Всё так же, всё те же Outlook и прочие старые и древние присутствуют. Значит всё также инлайним стили если нужно чтобы письма открывались везде. Сайты из гугла всё делают правильно, по большому счёту ничего не поменялось. Да, какой-то CSS теперь можно указывать внутри