HTML/CSS

Unmasking HTML Emails

Explore the nuances of email clients and how to build designs for them with inline styles, tables for layout, and conditional comments.

Enroll Now to Play

Course Overview

  1. Unmasking HTML Emails Level 1 Badge

    Level 1 Free Level 1 Video | 5 Challenges
    Clients and Markup

    Learn the mystifying moves of email client preprocessors and how HTML and CSS is written for them.

  2. Unmasking HTML Emails Level 2 Badge

    Level 2 2 Videos | 9 Challenges
    Tables for Layout

    Apply the ancient art of wrapping content in tables, rows, and cells.

  3. Unmasking HTML Emails Level 3 Badge

    Level 3 1 Video | 4 Challenges
    Mucho Media Queries

    Use modern markup techniques to wrestle tables and content into many screen sizes.

  4. Unmasking HTML Emails Level 4 Badge

    Level 4 3 Videos | 4 Challenges
    Targeting Specific Clients

    Twist, turn, and tag your way through multiple client hacks to fight for your layout.

  5. Unmasking HTML Emails Level 5 Badge

    Level 5 2 Videos | 5 Challenges
    Small Screen First

    Refactor existing code to create flexible layouts for all screens, even without media queries.

Unmasking HTML Emails Completion Badge

Complete these levels to unlock

Course Completion Badge

Explore the nuances of email clients and how to build designs for them with inline styles, tables for layout, and conditional comments.

Supplemental Learning

About The Professor

From framesets in table-based layouts to modular CSS architecture, Dan loves front-end design and development. Mostly, though, he enjoys learning and meeting the wonderful people in the design and dev communities.

View Full Credits

Course Notes

  • Estimated Course Length: 4 - 5 hours

Course Reviews (37)

rachelevitan

I was so excited to see a class that would help teach how to write html emails. I've been using one of the major email marketing services, but really wanted to learn how to craft my own designs. Thanks!

BusseBu

I have been always wondering how to construct emails properly. And though some things during the course seemed really weird (</td><td>? WUUUT?) it was very useful overall. English is not my native language, that's why i was wondering if i could properly understand everything in this course. Dan, your pronounciation is pretty good and i had no problems understanding you at all! Thank you!