Create Amazing Responsive Email with Foundation for Emails 2
4.7 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
336 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Amazing Responsive Email with Foundation for Emails 2 to your Wishlist.

Add to Wishlist

Create Amazing Responsive Email with Foundation for Emails 2

Create, Prepare and Send HTML Responsive Emails that works, say goodbye to hard HTML for emails! 100% practical course!
Best Seller
4.7 (44 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
336 students enrolled
Last updated 6/2016
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create Amazing Responsive Emails with Foundation For Emails 2
  • Deliver your Email with Mailchimp
  • Test before sending with Litmus
  • Learn Inky, a new Template Language
  • Understand the ZURB Stack
  • Understand the weird parts of Email Design and work with a really easy to use tool like Foundation for Emails 2
View Curriculum
  • A Code Editor (i will be using atom)
  • We will install the ZURB Stack, so a computer with internet and the administrator password is enough
  • We will type some commands in the terminal or windows command promp, don't be scared, everything will be shown in the screen and won't take more than 5 minutes :)

Foundation for Emails 2 makes really simple the process of creating AMAZING responsive Email.

This is a 100% practical course, with 2 projects, we will create our projects, test them with Litmus and finally send through MailChimp

This course si 100% code, if you´re not a coding person don´t be scared, with Foundation for Emails the amount of code is minimum and i´m gonna show you how to start with nothing and finish with two amazing Emails.

Most of the courses out there only taught the coding part, here we´re gonna test our emails before delivery and finish the course sending them through MailChimp, the most popular Email Marketing Tool.

By the end of the course you will have all the tools you need to start developing AMAZING, Responsive Email that looks consistent in different services like Outlook, Gmail and more.

Start developing amazing Responsive HTML Email for your Blog, Business our work with this course!

Who is the target audience?
  • If you're a blog owner, business person, designer, developer that one to learn the most efficient and easy way to develop your emails, this course is for you!
  • Received a scary quote by a designer to develop the emails for your company or blog? in this course you will learn everything you need to know to do it yourself!
  • If you're not a coding person, don't be scared, i will teach you everything you need to know with ease
Compare to Other Email Marketing Courses
Curriculum For This Course
33 Lectures
Introduction to Foundation for Emails 2
4 Lectures 18:23

Let´s see a quick introduction to Foundation for Emails 2

Preview 03:06

If you're using MAC this video is for you, here we will install the ZURB Stack

Preview 08:11

if you're using Windows, this video is for you, here we will install the ZURB Stack in Windows 10

Preview 05:43

This is a practical course, in this video you will find the images that you need to follow along the course

The Files for This Course
First Project: E-Commerce Newsletter
14 Lectures 50:35

So let's start working creating our first project with Foundation CLI, this might take a while installing, but it really worth it!

Creating the Project

Foundation for emails, created a whole structure, let's review the most important files and let's write our first code

Reviewing the Files in Foundation for Sites 2 and our First Inky

Let's continue working with our design, let's add an image with Inky and some titles

Working with the Special Offer Section

Understanding the grid is one of the key concepts, let's learn the grid in 5 minutes :)

Introduction to the Grid and Coding the Designs Section

Let's finish the products section, adding and changing images and titles!

Adding all our products to the Newsletter

Let's add a custom stylesheet, that will hold all the custom CSS

Adding a Custom Stylesheet and our first styles

Let's finish the Products or Designs Section for this newsletter!

Finshing the Designs Section

Working with the Footer and a Social Network Menu

Let's add the final styles to this Newsletter before we add our images to the server

Final Styles to our Design

You can use a server or you can use Dropbox, if you have a small list, you can use dropbox which is free :)

Uploading images to a Web Server and Dropbox

Your email needs to have inline styles, but that's really boring, thanks to the ZURB Stack you can do so with just one line in the terminal

Working with Inliner

Litmus is free, and will help you to test your email before sending, let's see how this thing works!

Testing on Litmus

Now that our email is ready, we can deliver it using Mailchimp, a  service with a really cool plan for free users

Sending through MailChimp

Let's see the final product in Outlook, Gmail for desktop and smartphone 

Viewing our Email in different browsers and Devices
Second Project: Newsletter for Travel Blog
15 Lectures 51:47

Time for the second project, here we're gonna be using more inky, less CSS and more ZURB Stack tools like Partials!

Creating the Project

Before we start, let's copy our images to our project and create the partials!

Adding the Images to the Working folder

Let's start working with the Header of our project

Preview 02:46

Let's work with the Post of the Week section in this video

Working with the Post of the Week section

Let's style the Post of the Week section with some SASS

Styling the Post of the Week section

Let's continue working, time to work with the Recommended Post section for this newsletter

Working with the Recommended Posts Section

Let's work with another Component, the Callouts, and let's see how you can modify a UI Element

Working with the Travel Tips Section

Let's add some SASS to our Tips 

Styling the Travel Tips Section

Time to finish the Travel Tips section, small and easy fixes in this video :)

Finishing up the Travel Tips Section

Let's create a Footer for this Newsletter

Creating the Footer

Let's change our images from Local to a Server using Dropbox

Changing the Image Url´s to Dropbox

Before we send our email, let's add inliner to our work

Adding Inliner to our Project

With litmus you will ensure that your email isn't broke, let's see how this design looks with Litmus before sending

Testing with Litmus

Let's send this with Mailchimp, you have to feel really proud of yourself, if you came to this stage :) you started with nothing and now you have a product that you can share with the world!

Sending with Mailchimp

Let's see the result of our hard work :)

Viewing our Email in different browsers and Devices
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,805 Reviews
13,582 Students
19 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.


Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.