#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 теперь можно указывать внутри