Привет! В этом видео начнем разбираться в одном из популярных фреймворков верстки писем - MJML. Я сам еще в процессе изучения, но решил показать вам, насколько на нем проще верстать письма, в сравнении с табличной версткой. Давайте разбираться!
Содержание:
00:00 - Вступление
01:30 - Создаем mjml-файл, компилируем в html
03:40 - Верстаем письмо по макету (первая секция)
11:30 - Вторая секция письма
20:10 - Третья секция письма
28:40 - Последняя секция письма адаптивная верстка
43:30 - Проверка в outlook
Верстка письма на MJML - исходники видео на GitHub
- макет письма в Figma
- фреймворк MJML
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? h
16 views
130
24
3 months ago 03:55:52 1
Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS
3 months ago 00:28:35 2
Chrome DevTools. Полный ГАЙД для Тестировщиков
4 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
4 months ago 00:11:36 1
Как написать соцсеть в 2024 году? Установка Node JS и Yarn. Реализация дизайна.
4 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
4 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
4 months ago 00:05:02 155
Open Server 6.0 - Как создать проект. Как использовать Apache
5 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
5 months ago 01:49:10 1
Как новичку создать красивый сайт | Подробный урок