
Part 1 overview - what projects we create in this part, such as - simple email, tables email, alternative text, media queries email and more.
Why CSS in emails is a little different from normal CSS.
Start working on a simple email
Continue working on the simple email
Continue working on the simple email
Almost done with the simple email.
Done and tesing.
What if pictures are disabled?
Buttons that always work
Create one email which looks different on devices depending on the screen size
Create one email which looks different on devices depending on the screen size
Create one email which looks different on devices depending on the screen size
How to add preheader to an email.
Explore how emails built with tables are structured, from outer and inner tables to nested layouts, borders, colors, and the code-driven text and image blocks.
Let's build a table
Add content to the table
Tables with float structure
Work on CSS in the tables email
Finish the tables work and testing.
Why we created boilerplate in part 1?
Create a reusable boilerplate by collecting tested email snippets into one file, enabling fast, responsive HTML emails with components like hero, button, and spacer, plus reset styles and grid layouts.
Work on email structure in framework
Work on CSS in framework
In emails, scalable vector graphics (svg) are coded as instructions that stay sharp when enlarged, but many clients like Outlook and Gmail lack full support, and animations can be lightweight.
This course is the all in one solution for learning HTML Emails. We start coding emails with hands then advance the development in frameworks, next level is to start and manipulate email campaigns. This course gives knowledge on how to create emails, what email campaigns are and gives you knowledge to find a new job or start your own business.
P.S.: To everyone who already bought the course!
Please note - just a few days ago (as of june 2020) Google changed the link path to the Gdrive pictures. It was a complete surprise to everyone.
Here is the way links work:
drive.googlecom/uc?export=view&id=IMAGE_ID
The new way:
drive.googlecom/file/d/IMAGE_ID/view?usp=sharing
Try the old way path in your emails, it works then.