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

Intro to HTML and CSS
Udacity
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