WebDesign Master
Курсы
Адаптивная верстка писем (responsive, sass, inliner) и рассылка

Адаптивная верстка писем (responsive, sass, inliner) и рассылка

Адаптивная верстка E-mail писем с использованием современных инструментов и технологий. Рассылка созданного HTML-письма с помощью специального скрипта.

Адаптивная верстка писем (responsive, sass, inliner) и рассылка - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Материалы урока и ресурсы:

Данные для изучения урока: Скачать

Koala Jade Plugin: Скачать

Для того, чтобы установить плагин Koala Jade, в настоящее время не требуется установка npm-модулей и прочие манипуляции. Достаточно скачать со страницы урока плагин "koala-jade_zip", распаковать и перетащить файл "jade.koala-compiler" в окно приложения Koala.

Jade: Jade Language Code.

Таблица совместимости свойств и тегов в верстке писем: Ознакомиться.

Инлайнер Foundation (вместо Zurb): Foundation Inliner.

В настоящее время рекомендую использовать Foundation Inliner вместо Zurb. В принципе, это одно и тоже, интерфейс может немного отличаться от показанного в видеоуроке.

Скрипт для E-mail рассылки: webdesign-master.ru/blog/tools/12.html

Результат (превью):

Верстка писем

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Адаптивный веб-дизайн»

  • Как получить адаптивную сетку Bootstrap нужной ширины
  • Создание HTML тем на Bootstrap
  • Джедай верстки #2. Адаптивная HTML верстка на примере образовательного Landing Page
  • Джедай верстки #1: Адаптивная HTML верстка на примере сайта автосервиса
  • Bootstrap: Как создаются современные адаптивные сайты

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODX
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2022 © WebDesign Master