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

Спасибо братюнь! От души душевной!

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

спасибо

Все круто, объяснение прекрасное и понятное. Я сделала для заказчика первое письмо, но возникла проблема и не знаю как её можно решить. Кнопка в outlook приложении почты отображается без маржинов, паддингов и выглядит отвратно. При том что на сайте outlook все нормально. Как можно профиксить кнопку для всех девайсов (кроме как закинуть кнопку картинкой)

Что извращения стили в html... Эти говно браузеры не научили работать с отдельным файлом стиля

Скажите пожалуйста, а свой хостинг иметь обязательно для каринки?

мужик ты меня спас!

А как отослать html письмо?

Я как человек, который пишет современные посадочные страницы, получил заказ от клиента добавить письма на определенные действия(обычно этим занимался другой человек, но к сожалению его уже нет с нами), могу сказать что это самое дикое что я видел. Я знал что они верстаются через таблицы, но что-то мне уже не хочется этим заниматься :D

спасибо, выручил)

здравствуйте! благодарю Вас за видео! было очень полезно и позновательно!

не могу понять. Все делаю по видео, но текст не центрируется, все располагается в левом боку. У кого-то было также?

Не так уж и сложно если верстать, так ссылку лучше видно, и так сойдет ) ...

"верстальщики, да и не только, задаются вопросом - как верстать html-письма?" это чуть ли не основной скил не только верстальщика но и фронта. очень часто приходиться их верстать... есть в некоторых компаниях отдельная обезьянка на это все, но чаще или фронт или верстальщик это все делает.))) так что годно! продолжай/освежай!
как минимум в резюме, это огромный плюс. еще огромный плюс про который ни кто не говорит (если компания ориентирована за пределы СНГ рынка), это сертификаты от ведущих компаний, гугла, майкрсофт и W3, ну и остальных. с юдеми какого, лучше не показывать.))) клиенты прям кипетком писают когда видят сетификат какого фронта от майкрасофт.))) продуктовым компаниям пофигу в 90% на них. а все остальные, не гласно, это очень даже учитывают! если нет, то скорее всего оправят за ним. но супер когда он есть, шансы на то что вас примут, прям взлетают.)))
спасибо!

banner.png блокирован на стороне клиента, это Adblock шалит...
Так что при вёрстке отключайте блокировщики реклама "на этом сайте"...

приветствую, а почему, в самом начале, где верстали меню, отступ сверху через td делали, а не через padding ?

Ссылки не открывает, обнови, пожалуйста

Очень круто!!

Не понял, почему использовал марджины у h3 и p

Псевдоэлементы работают?

Спасибо! Благодаря тебе сделал первое письмо на работе)) Единственное столкнулся с проблемой отображения svg, не все почтовики его отображают. Подскажи пож. лучше .png формат использовать для отображения иконок?

Ссылки под видео нерабочие.

Огромное тебе спасибо, Максим!

медиа запросы не работают же

Спасибо! Все четко и понятно!

Что за редактор в котором письмо подскажите?

музыку потише
)

Автор почему не показал адаптив? медиа запросы НЕ РАБОТАЮТ в gmail mobile. Где обещанные скрины с адаптивом?

Спасибо.

спасибо за видео) начала верстать сама, но когда дело дошло до адаптива начались проблемы. На телефоне не отображается адаптив, хотя вроде и !important стоит и брала ваш файлик исходный. С чем может быть связана проблема?

атрибут align="center' говорят уже устарел(( красным выделяется. чем можно это заменить?

Лайк как минимум за ссылки на полезную информацию! А теперь смотрю дальше)

Надо подождать когда блочная верстка будет работать, таблицы давно на помойку пора выкинуть

Спасибо за полезный контент. Такого понятного урока на русском языке почти нет. Но в уроках на английском видел несколько строк кода, которые называются «призрачными таблицами». Они используются для исправления некоторых проблем в Outlook. Будете делать больше подобных уроков?

Максим, я тебя люблю! все что хочу сказать))) Когда наступает на работе полная задница, значит тема эта досконально раскрыта и есть у тебя на сайте. Спасибо тебе за твою работу

Ждём посадку емайл письма на wordpress)))
Ну, или интеграцию с opencart)))

Чего-то душная тема, но спасибо за контент

выложить исходный код на гит считается хорошим тоном, не упусти это мимо)

🔥

А если картинка будет в base 64 то кто то не увидит ее?

Доброго дня. Почему в примере используются только png изображения? Can I email пишет что jpg поддерживается всеми почтовиками.

скажите пожалуйста, а зачем писать код, если это можно сделать Google web designer?

Спасибо за урок, очень емко.

Да, с непривычки для верстальщика сайтов вёрстка писем - это просто треш и угар! 😅😂
Отстали они в развитии лет эдак на 15 😄
Сколько учился сайты верстать - походу столько же ещё учиться письма верстать 😅 (всё по новой - ничего общего) 😅
Спасибо за видео! Выручил! ))

Есть возможность работать с медиазапросами в разных браузерах?

Спасибо за видео!Я единственный момент не понял: отправлять потом этот файл нужно или в тексте письма вёрстку вставлять??Если не через сервисы отправлять, а вручную.

Спасибо!
Вспомнил былые табличные сайтики)))
когда появился div прямо выдохнул