HTML Email Development, v2
Offered By: Frontend Masters
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
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX