Верстка email-рассылок. Советы на реальных примерах / Александр Рачила (AWG)

preview_player
Показать описание
Приглашаем на FrontendConf 2024, которая пройдет 30 сентября и 1 октября 2024 в Москве.
________
При поддержке AvitoTech мы впервые публикуем все видео с FrontendConf 2019 в открытый доступ. Учитесь, вдохновляйтесь и перенимайте лучшие практики у спикеров, не выходя из дома.
--------
FrontendConf 2019

Тезисы и презентация:

Вы узнаете, чем могут отличаться email-рассылки от простых писем и что это за собой влечет.

Мы рассмотрим ключевые особенности и ограничения почтовых клиентов в 2019 году.
...
--------
Рекомендации по теме
Комментарии
Автор

Добавлю из опыта:
1. Изображения должны быть двойного размера (ширина и высота). Это для качественного отображения на дисплеях Retina (iPad, iPhone).
2. Кастомные шрифты работают, в целом, норм. Единственное, надо немного подхачить для аутлука (там все плохо у него).
3. Более подходит подход Desktop-first. По умолчанию делаем жесткий макет в 600px. Потом клиентам, которые умеют медиа запросы, ставим стили через медиа чтобы уменьшить ширину. В целом, не так все плохо.
4. Грамотные гифки скрасят дефицит анимации. Мало кадров + избегать растров.
5. Общий размер письма, включая текст и все изображения, желательно не превышать 1 mb.
6. Фоновые изображения под текстом не работают. Поэтому делаем цельным изображением (ссылку, к сожалению, сделать тут нельзя).
Доклад понравился. Не знали про ограничение в 102кб в гмэйл. Но догадывались...

elcolex
Автор

22:50 - разве падинги хорошо поддерживаются outlook (я имею ввиду программы для windows типа outlook 2019? которые идут в составе microsoft office)?

svetv
Автор

Я дизайнер. Заказчик запросил дизайн письма. В каком виде мне его делать и высылать? Никогда не делала письма. Хочу изучить эту тему. Спасибо.

htosik
Автор

Яндекс же поддерживает медиа, я проверил. Или это раньше не поддерживало?

vipdeveloper
Автор

Странная история с этими письмами. Залез в исходный код письма, отправленного на gmail и в исходнике были все комментарии

cerryslice
Автор

дизайн презентации ужасен, видно что вы также не подготовлены а говорите с ходу.

dr.sergei
Автор

Александр вам нужно послушать запись вашего выступления. Ужас . Шмаркаете постоянно носом, постоянно ааааа и эээээ..И конечно плямканье. Ужас.

pmenbew
Автор

Даа с такой фамилией наверное оч сложно в наше время живется, темболее в ИТ кругах=)

violentiner
Автор

Яндекс же поддерживает медиа, я проверил. Или это раньше не поддерживало?

vipdeveloper