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.
Overview
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