x
 
Михаил Озорнин
14 декабря 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Василий и Руст!

Расскажите как верстать электронные письма?

На фоне современных браузеров там прошлый век и чёрная магия: таблицы, инлайновые стили и теги font.

Какие библиотеки подойдут, с чего начать изучение, что прочитать?


Почтовых клиентов много, и у каждого из них свой уровень поддержки ЦСС, зачастую довольно низкий. Из-за этого вёрстка писем утомительна: приходится искать универсальные решения, которые будут работать в большинстве клиентов и не будут ничего ломать в оставшихся, а потом тестировать всё это в десятках клиентах на различных устройствах.

Чтобы не потратить на вёрстку одного письма месяцы, советую взять готовый шаблон и адаптировать его под свои нужды:

Многие клиенты не поддерживают стили, описанные внутри тега <style>. Для них нужно встроить стили в атрибуты тегов. Инструменты, которые это делают, называются инлайнерами. Их много, можете воспользоваться инлайнерами компаний:

Или взять фреймворк:

Если решите погрузиться поглубже, прочитайте статьи:

И начинайте тестировать письма с помощью сервисов, а не руками:

Если же вы решили посвятить этому жизнь, подписывайтесь:

Вёрстка и прототипирование — дисциплина Школы дизайнеров. Занятия с 27 августа. Мы напишем вам, когда будет открыт набор.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Что делать с версткой под ИЕ? Как бороться с багами? (Часть третья: логи) Не преступление использовать Бутстрап? 2 Как бороться с багами? (Часть вторая: отслеживание ошибок)




Недавно всплыло

Читаю книгу Джима Кемпа «Сначала скажите „Нет“». Что значат слова: «Никогда не завершайте сделку»? 9 1 3 У меня чувство, что лучше вести переговоры не стал. Как практиковаться? 4