YoVDO

HTML Email Development, v2

Offered By: Frontend Masters

Tags

HTML & CSS Courses Animation Courses Accessibility Courses Responsive Design Courses

Course Description

Overview

Email remains incredibly effective for reaching customers. In this course, you’ll learn the foundations of HTML email such as structure, semantic markup, layouts, and creating accessible email. Then you’ll dive into more complex topics like responsive techniques and adding interactivity to email campaigns.

Syllabus

  • Introduction
  • Why Email Matters
  • HTML & CSS in Email
  • Basic HTML Email
  • CSS Resets
  • Email-Friendly HTML
  • Email Template Exercise
  • Email Template Solution
  • Adding the CSS Exercise
  • Adding the CSS Solution
  • Links & Buttons
  • Adding Buttons Exercise
  • Adding Buttons Solution
  • Images in Email
  • Adding Images: Exercise & Solution
  • Background Images
  • Accessible Emails
  • Accessibility Tools
  • Tables Layout
  • Tables Exercise
  • Tables Solution
  • Multiple Column Layouts Exercise
  • Multiple Column Layouts Solution
  • Responsive Email
  • Responsive Email Exercise
  • Responsive Email Solution
  • Hybrid or Spongy Coding
  • Hybrid Coding Example
  • Animated & Interactive Emails
  • Hover States
  • Keyframe Animations Introduction
  • Keyframe Animations Example
  • The Checkbox Hack
  • Checkbox Hack Practice
  • Checkbox Hack Review
  • Checkbox Interactivity Example
  • AMP Email
  • Testing Emails
  • Building Emails: Tools
  • Wrapping Up

Taught by

Jason Rodriguez

Related Courses

User Experience for the Web
Open2Study
Web Accessibility MOOC for Online Educators
Portland Community College via Desire2Learn
Introduction au game design
IONIS
Web Accessibility MOOC for Educators
Colorado Community College System via Canvas Network
Advanced Styling with Responsive Design
University of Michigan via Coursera