Адаптивная верстка письма с нуля в 2022

а у меня картинки не отображаются, размещённые вот таким способом ни в браузере, ни при отправке через почтовый сервис.

Большое спасибо Автору! Благодаря вашей поддержке я успешно занимаюсь веб-разработкой. Регулярно просматриваю ваши видео, мне нравится, как вы детально разбираете конкретные кейсы. А кто только входит, дерзайте все получится )

Спасибо

Подскажите, как сохранить отступы при пересылке письма? Письмо приходит красивое, а после пересылки весь контент в нём сбивается в кучу.

Для 2023 года видео актуально? Также верстаем на таблицах?

Спасибо за видос! Можете посоветовать, где можно узнать больше про условные комментарии в верстке писем. Не совсем понял, как они работают и как их применять. Заранее спасибо!

Спасибо было полезно

А что насчёт шрифтов, которых нет в Google Fonts ? В моем случае, Arial, скачать локально и подключать через @font-face? Заранее спасибо!

Спасибо. Видео понравилось. Мне не хватило побольше объяснений по начальной структуре. Надеюсь, что будут еще видео по этой теме. Очень уж мало про нее информации.

верстка писем рушит все правила верстки😁

Здравствуйте, спасибо за видео. В Ссылке на гугл-документ с правилами и инструментами теперь отображается другая информация.

Полезный контент, но сложно слушать из-за постоянных причмокиваний между предложениями.

Спасибо за Ваши труды! Посмотрела старое и новое видео про верстку писем. Очень интересно!

Благодарю. Один из немногих кто оставляет код для скачивания, без всяких "шахмат".

Большое СПАСИБО. Видео супер. Подскажите пожалуйста, а как можно добавить фоновую картинку и чтобы на ней были кнопки, текст и заголовок и чтобы можно было редактировать. Спасибо.

Супер!!! 👍👍👍👍👍👍👍🔥🔥🔥🔥🔥🔥🔥🔥

приветствую!
я графдизайнер и тут случилась задача не совсем по профилю )
хотел спросить.
вот к примеру письмо сверстано и проверено - сам себе послал - все типтоп
как из него сделать корпоративный шаблон (для Outlook например), чтобы раздать его сотрудникам?

Отличное видео! Есть пара нюансов. 1) При прохождении валидатором ругается на шрифт и role='presentation'. 2) Какой все-таки доктайп верный? тот что указан в шаблоне XHTML 1.0 или тот что в гугл-документе HTML 4.0 ?

медиа запросы и такая темная тема не работает ни на каком почтовике

Разве нельзя дать ссылке display:block и паддинги, и не костылить с неразрывными пробелами?

Мужик, хочу выразить тебе огромное спасибо! Благодаря твоим видосам нашёл много ответов на вопросы и работаю щас верстальщиком писем) Дальше больше! С наступающим Новым годом!

Красавчик, жирный лайк, подписка мощный апперкот по колокольчику, вовремя выложил видос, как раз хотел узнать как верстать письма

вопрос, почему для center сразу не задать 600px и использовать его как main контейнер?
спасибо

искал серебро - а нашел золото !! Спасибо большое !!

Благодарю за подробный гайд!

Здравствуйте) Спасибо за урок! Проверил ваше письмо в MS Outlook 2021 и оказалось, что сетка развалилась. Кажется, условные конструкции [if mso] не работают в MS Outlook 2021

Как быть с темным режимом в email верстке? Там идет сплошная инверсия цветов по картинкам и кнопкам? Есть какой то мета тег что бы отключить по дефолту переход на темную тему? Спасибо за видео)

На сколько я понял, лучше все делать в inline стилях по верстке писем. Как быть с float: left/right; на windows live mail? И еще вопрос: есть какие то топы под которые делать email рассылку или нужно смотреть все на caniemail? Отрицатильные марджины или отрицатильный position не работает(
Если будет время сделай пожалуйста еще одно видео по верстке письма с inline стилями. Если делать с классами то вроде накоторые почтовики вырезают классы

Добрый вечер, max, у меня вопрос, почему у меня outlook в браузереной версии вырезает тег a и элемент перестаёт быть ссылкой если смотреть в коде тега вообще нет

Благодарю за то что делишься бесценными знаниями, очень подробно и понятно всё!

Огромное спасибо!

Работаю стажером фронтендером. Как только вышло это видео, на работе дали задание верстать емейлы. Совпадение?

Вопрос: а нормально ли svg вставлять инлайново в емейл? Для логотипа, иконок. Все почтовые сервисы примут svg инлайновый?

а вообще странно в 2022 году смотреть, что кто-то ручками письма верстает в эру готовых конструкторов писем.
берёшь любой что понравился - верстаешь письмо констукторов как в фигме - получаешь готовый index.html на выходе сразу со всеми настроенными отступами и инлайн-стилями.

пишешь пишешь свои какие-то классы, а в gmail они просто все потом вырезаются и ничего не пашет.

Максим, спасибо большое за видео. Хотел спросить, а чем обусловлен уход от классов к инлайн стилям? Я обратил внимание, что в этой вёрстке для каждого из блоков используются те же самые стили.

бан на день в тг это сущий ад 😂😂который обернулся тем что после переустановки системы теперь и просто войти в тг не могу так шо спрошу тут 😂 как в галпе отключить стайллинт? ато бесит все красное 😎

Отличный урок, отличный канал, автору огромное спасибо!

Ваш контент самый топовый !!! Люблю ваши видео смотреть

Спасибо!

Насколько актуальна Email верстка писем как работа на фрилансе или в офисе

Добрый день классный урок как всегда можно ли больше уроков по вёрстке писем спасибо

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

ооо спасибо

Зашел повторно посмотреть старое видео про верстку письма), а тут Макс решил сделать сюрприз с обновлением)) спасибо тебе и лайкос))
Такой вопрос, после чего как отправляю письмо для теста, по умолчанию пишет на почтах в письме, "показать картинки" , мы никак не можем повлиять на это, чтобы автоматически показывал?))

Очень круто спасибо !!!!

Однозначно лайк!

Давно ждали верстку сложного макета письма. :) А почему сегодня без MJML? ))

Спасибо

Спасибо за интересное видео