Статьи

Шаблон электронной почты HTML

Веб-разработчики часто жалуются на необходимость поддержки пяти основных браузеров, нескольких мобильных устройств и необычного поведения в определенных приложениях. Если вы считаете, что у нас это плохо, подумайте о тех, кто создает электронные письма в формате HTML. Они должны бороться с:

Забудьте о таблицах стилей, плавающих элементах, отрицательных полях, позиционировании, фоновых изображениях, анимированных GIF-изображениях, PNG-файлах или любых других забавных техниках, позволяющих сэкономить время. Если вы считаете, что сегодня сложно работать с сайтом в IE6, электронные письма HTML должны быть закодированы, как в 1998 году. Это означает таблицы, встроенные стили и изображения.

К счастью, Шон Пауэлл черпал вдохновение из HTML5 Boilerplate Пола Айриша и создал HTML-макет электронной почты . Он включает в себя различные исправления, обнаруженные лидерами отрасли, такими как Campaign Monitor и MailChimp, для создания пуленепробиваемого шаблона электронной почты, который работает в Outlook, GMail, Hotmail, Yahoo Mail и других популярных клиентах.

Шон признает, что это не «подключи и работай» — вам нужно будет запачкать руки с кодированием — но это отличный первый шаг, который решает многие типичные проблемы, возникающие при разработке электронных писем в формате HTML.

HTML- код Boilerplate включает в себя два HTML-файла: один с закомментированными инструкциями, а другой без него, который можно использовать как основу вашей электронной почты. Он выпущен по лицензии MIT, является бесплатным и может быть использован для любого коммерческого или некоммерческого проекта.

Что тебе терять? Пожалуйста, дайте нам знать, если вы пробовали шаблон и, что более важно, работал ли он в вашей почтовой программе.