Адаптивная верстка html-письма в 2024
TIP! Right-click and select "Save link as..." to download.
Привет! В этом видео мы сверстаем письмо на html с нуля. Посмотрим, как правильно сделать разметку, куда сложить изображения, как сделать письмо адаптивным.
Содержание:
00:00 - Интро
00:21 - ВАЖНАЯ информация
02:37 - Обзор правил верстки
05:30 - Курс по верстке html-писем
07:01 - Разбираем стартовый шаблон
18:20 - Верстаем письмо
01:04:11 - Проверка письма
01:08:29 - Аутро
Записаться на курс по верстке писем: https://verstaem.online/courses/html-emails/
Макет: https://www.figma.com/design/rEOShVX3lnffwaROjXO78C/Email?node-id=0-3&t=EJjjBA4XlvrYe7Tq-1
Стартовый шаблон: https://github.com/maxdenaro/maxgraph-youtube-source/blob/master/%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0%20HTML-%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%B0%20%D0%B2%202024/index-start.html
Типограф: https://www.artlebedev.ru/typograf/
Готовый код доступен по подписке: https://boosty.to/maxgraph
Доп. контент и поддержка канала:
❤️ https://boosty.to/maxgraph
❤️ https://www.donationalerts.com/r/maxdenaro
Полезные ссылки:
🤌 Макеты для верстки: https://verstaem.online/projects/
🤌 Задачки по верстке с решениями: https://verstaem.online/tasks/
🤌 Курс по верстке html-писем: https://verstaem.online/courses/html-emails/
🤌 Канал с полезностями в телеграм: https://t.me/maxgraph
🤌 Чат для верстальщиков: https://t.me/maxgraph_chat
🤙 ВК Видео: https://vk.com/video/@maxgraph
🤙 Платформа: https://plvideo.ru/channel/12iaEyaMfVZ7
🤙 Дзен: https://dzen.ru/maxgraph
👋 Меня зовут Максим. Верстальщик, занимаюсь веб-разработкой 7 лет
#верстка #html #css