HTML-верстальник листів — адаптивні кросклієнтські шаблони

Я вручну верстаю адаптивні HTML-шаблони email-листів і особливу увагу приділяю тому, що підводить більшість: той самий лист має виглядати коректно в десятках поштових клієнтів, кожен з яких трактує код по-своєму. Outlook досі рендерить на рушії Word, Gmail вирізає частину стилів, а Apple Mail поводиться як повноцінний браузер — тож я пишу код з урахуванням цієї реальності з першого рядка. Використовую куленепробивну табличну верстку там, де без неї не обійтися, і MJML там, де проєкту важливіші швидкість та зручність підтримки, а потім доопрацьовую скомпільований результат руками, щоб нічого не поїхало.

Робота починається з вашого макета чи прототипу і завершується шаблоном, протестованим у тих клієнтах, якими реально користується ваша аудиторія. Я інлайню критичний CSS, додаю розумні фолбеки для фонових зображень, кнопок і вебшрифтів та стежу, щоб на телефонах верстка акуратно згорталася в одну колонку. Темна тема, retina-графіка, доступна семантична структура й текстова версія листа — це частина стандартної збірки, а не додаткова опція. Коли Outlook ламає відступи чи кнопку, я застосовую прийоми з ghost-таблицями та VML, а не вгадую.

Коли шаблон виглядає як треба, я підключаю його до вашої платформи — Mailchimp, SendGrid, Klaviyo, HubSpot чи власного сервісу — з мерж-тегами, редагованими зонами й модульними блоками, щоб команда перевикористовувала шаблон без розробника. Усе здаю з документацією. Якщо є старий шаблон, що відображається криво, — відлагоджу й полагоджу його.

— Адаптивна HTML-верстка листів (таблиці + MJML)
— Тестування в клієнтах і виправлення багів Outlook/Gmail
— Темна тема, retina та доступність
— Інтеграція з ESP: мерж-теги й модульні блоки
— Ремонт, рефакторинг і перевикористовувані системи шаблонів