Адаптивная верстка письма на фреймворке MJML

9 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
Привет! В этом видео начнем разбираться в одном из популярных фреймворков верстки писем - MJML. Я сам еще в процессе изучения, но решил показать вам, насколько на нем проще верстать письма, в сравнении с табличной версткой. Давайте разбираться!

Содержание:
00:00 - Вступление
01:30 - Создаем mjml-файл, компилируем в html
03:40 - Верстаем письмо по макету (первая секция)
11:30 - Вторая секция письма
20:10 - Третья секция письма
28:40 - Последняя секция письма + адаптивная верстка
43:30 - Проверка в outlook


https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0%20%D0%BF%D0%B8%D1%81%D1%8C%D0%BC%D0%B0%20%D0%BD%D0%B0%20MJML - исходники видео на GitHub

https://www.figma.com/file/Sf58R8O2AFdiJ7Ef0GSifd/html-email-mjml?node-id=0%3A50 - макет письма в Figma

https://mjml.io/ - фреймворк MJML

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat


#ityoutubersru #mjml #верстка_писем
Категория
Как сбросить apple watch
Комментариев нет.

Следующее