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

[@elcolex777]

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

[@РачилаАлександр]

По поводу шрифтов, у @font-face очень плохая поддержка. Год назад так было точно) Сейчас возможно что-то поменялось, но не особо верится). Во всяком случае в caniemail очень пессимистичная картина. По поводу Desktop-first это верно. Причем приходится после mjml допиливать именно по этой причине. Хотя в mjml этот момент предусмотрен добавлением атрибута и соответствующего селектора, но вот проблема в чем, некоторые почтовики просто режут незнакомые кастомные атрибуты. По поводу background-image и по поводу картинок для мобилок не сказал (возможно зря)) скорее потому, что глаз замылился и это казалось очевидным + еще хотелось больше рассказать и уложиться в тайминг. Спасибо большое за позитивную оценку, рад что кому-то принес пользу)

[@svet0v]

А что делать с клиентами, которые ну vt.n в медиа запросы?

[@svet0v]

И касательно фоновых изображений: есть же формат vml для этого

[@elcolex777]

Yura Gvozde ага, vml можно попробовать для аутлука. Я не помню, пробовали ли мы это использовать и надёжно ли это работает. По-моему, какие-то проблемы были. Но спасибо что напомнили.

[@elcolex777]

Yura Gvozdev вопрос про медиа запросы не понял

[@rebus1985]

Докладчика интересно слушать

[@justinegoroszenko3506]

very cool! Appreciated, thank you!

[@Oughtem]

как не надо проводить презентации

[@htosik1]

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

[@User--Abuzer]

аутлук мастдай)

[@svet0v]

22:50 - разве падинги хорошо поддерживаются outlook (я имею ввиду программы для windows типа outlook 2019? которые идут в составе microsoft office)? www.caniemail.com/search/?s=paddin

[@РачилаАлександр]

Речь о падингах у td и th. Аутлук кроме таблиц ничего не воспринимает толком в плане разметки.

[@svet0v]

@@РачилаАлександр подскажите, пожалуйста, есть ли хорошие эмуляторы android и ios на windows 10, на которых можно тестировать почтовые клиенты?

[@РачилаАлександр]

@@svet0v Litmus, но он платный и иногда врет.

[@vipdeveloper]

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

[@JeroenMarsh]

на мобилке не поддерживает

[@cerryslice]

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

[@dr.sergei9656]

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

[@СергейФомин-ъ5ж]

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

[@РачилаАлександр]

Как минимум 84 человека думают иначе. Я не оратор, я код пишу) Инфа из доклада исключительно из собственного опыта. Те, кому нужны знания уже оценили) Кстати, уже полным ходом принимаются заявки на FrontendConf 2021. Дерзайте, очень интересно было бы послушать Вас)

[@cocochen8349]

отличный материал! а на 1.5 еще и звучит, блаженство)

[@violentiner]

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

[@РачилаАлександр]

Ты знаешь, норм) В лицо никто ничего не говорит, такие как ты обычно боятся, а у нормальных воспитанных людей даже мысли не возникает.

[@vipdeveloper]

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

[@svet0v]

в почте и приложении яндекс почта на андроиде - нет