Верстка HTML-писем. Часть 2 | Блог веб-разработчика MaxGraph

Верстка HTML-писем. Часть 2

Привет! Продолжаю рассказывать про письма. Сегодня - важные инструменты для верстки писем.

Ну что, давайте смотреть. Статейка будет простая, небольшая, но важная.

 

Поддержка свойств

Очень важно знать, что поддерживается, а что нет. На это, разумеется, есть специальные сайты, например:

https://www.caniemail.com/

или

https://caniuse.email/

В основном на аутлуке там все красное, но в целом ничего нового))

 

Инлайнер

Инлайнер — очень важный инструмент, позволяющий вам спокойно верстать как раньше, в теге style допустим, а потом он автоматически сделает стили инлайново

https://www.campaignmonitor.com/resources/tools/css-inliner/

 

Валидатор

Думаю, ни для кого не секрет, что валидность очень важна. Придерживайтесь ее.

https://validator.w3.org/

 

Тестирование

Самая важная часть в верстке писем — постоянное тестирование.

https://putsmail.com/ — бесплатный ручной тестировщик. Вводите нужные адреса, отправляете письмо (кстати, там есть инлайнер встроенный).

www.emailonacid.com/ и https://litmus.com/ — автоматические тестеры, второй очень крутой, однако все это платно. Но, если вы очень часто делаете письма на заказ — без него никуда.

 

Удобство

Только если вам разрешили не делать под аутлук — можно изучить и использовать email-фреймворк. Гораздо удобнее и круче.

https://mjml.io/

 

 

Ну и примечание про тестирование — лучшие устройства для тестирования — это реальные устройства :)

 

До встречи в третьей части!

Метки: , , ,

Понравилось? Оцени!
12345 (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *