Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

HTML Email Development, v2

via Frontend Masters

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

Reviews

Start your review of HTML Email Development, v2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.