[Chris Converse] Создание современного отзывчивого HTML письма

Создание современного отзывчивого HTML письма
Creating a Responsive HTML Email

​

Автор: Chris Converse
Название: Creating a Responsive HTML Email
Продолжительность: 1 ч. 28 мин.
Формат: Видеокурс
Переводчик:Samigg
Организатор: Prametei

Создайте привлекательный, отзывчивый HTML Email, который будет работать в более чем 30 различных комбинациях в самых распространенных Email клиентах.

Знали ли вы, что в наше время более 46% Email прочитывается с мобильных устройств?

Создание дизайна для HTML Email может быть довольно сложной задачей, учитывая ограниченные возможности многих почтовых клиентов(ридеров). Несмотря на это огромное количество новых почтовых ридеров поддерживают большинство современных тенденций в веб-дизайне. Что же делать?

Пройдите курс по созданию отзывчивого HTML Email. В данном курсе показано как проектировать и создавать дизайн для HTML Email, который будет замечательно отображаться в таких почтовых клиентах как Outlook 2003 и Gmail, на всех Android смартфонах, Apple и Windows Phone. Мы так же познакомимся с он-лайн инструментами и сервисами, которые помогут вам тестировать ваши рассылки. Узнайте, что возможно сделать с помощью HTML Email.

Спойлер: Об авторе:

Крис Конверс
Дизайнер и Разработчик в Студии Дизайна Codify

У Криса более 20 лет опыта работы с графическим дизайном и интерактивным медиа. Это довольно уникальное сочетание. Он одновременно сконцентрирован на дизайне и разработке. У Криса есть опыт разработки в таких языках как PHP, ActionScript, HTML, CSS и JavaScript. Это позволяет ему сделать свой дизайн уникальным.

Спойлер: Список уроков:

Раздел 1: Приветствие и структура файлов
Лекция 1: О курсе.
Лекция 2: Что находится в файлах упражнений.
Лекция 3: Устанавливаем ожидания для вас и ваших клиентов.
Лекция 4: Начало проекта.

Раздел 2 - Создание графики
Лекция 5: Создание Баннера и заднего фона.
Лекция 6: Создание графики для различных размеров экрана.

Раздел 3 - Создание HTML Email
Лекция 7: Создание базовой HTML структуры.
Лекция 8: Форматируем и стилизуем строку логотипа.
Лекция 9: Форматируем и стилизуем строку заголовка.
Лекция 10:Форматируем и стилизуем строку контента.
Лекция 11: Форматируем и стилизуем строку промо.
Лекция 12: Форматируем и стилизуем строку выноски.
Лекция 13: Форматируем и стилизуем строку подвала.

Раздел 4 - Создание кнопок с помощью HTML и CSS
Лекция 14: Преобразование ссылок в кнопки с помощью CSS.
Лекция 15: Создание кнопки призыва к действию.

Раздел 5 - Добавление CSS в Email
Лекция 16: Добавляем медиа запросы средних и маленьких экранов.
Лекция 17: Переключение заголовка и баннера на маленьких экранах.
Лекция 18: Изменение расположения для секции контента и футера на маленьких экранах.
Лекция 19: Изменение расположения промо на маленьких экранах.
Лекция 20: Изменение промо для выноски для средних экранов.
Лекция 21: Изменение промо для выноски для маленьких экранов.

Раздел 6 - Отправляем конверт
Лекция 22: Настройка пользовательского превью текста.
Лекция 23: Добавление анимации в ваш email.
Лекция 24: Используем веб-шрифты в вашем email.
Лекция 25: Добавляем HTML5 видео в ваш email
Лекция 26: Кодирование и декодирование изображений base64
Лекция 27: Использование графики с высокой четкостью (Retina) в вашем HTML Email

Раздел 7 - Проверка и тестирование
Лекция 28: Проверка кода вашего HTML email.
Лекция 29: Тестирование вашего HTML email с помощью онлайн сервиса.
Лекция 30: Дополнительные корректировки для Yahoo! Mail.
Лекция 31: Дополнительные корректировки для Blackberry 5 OS.
Лекция 32: Дополнительные корректировки для Lotus Notes 6.5, 7, и 8.5.

Раздел 8 - Куда двигаться дальше
Лекция 33: Рекомендации по созданию альтернативных макетов
Лекция 34: Куда двигаться дальше.

Демо:

​

Складчина на оригинальный курс:
[Udemy] Создание современных отзывчивых e-mail с помощью HTML и CSS