Create Amazing Responsive Email with Foundation for Emails 2
4.8 (29 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.
205 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!
4.8 (29 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.
205 students enrolled
Last updated 6/2016
English
Current price: $10 Original price: $95 Discount: 89% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
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
Requirements
  • 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 :)
Description

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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 33 Lectures Collapse All 33 Lectures 02:00:45
+
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
01:23
+
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
03:20

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
06:26

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

Working with the Special Offer Section
02:57

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
05:09

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

Adding all our products to the Newsletter
01:46

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

Adding a Custom Stylesheet and our first styles
04:54

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

Finshing the Designs Section
07:20

Working with the Footer and a Social Network Menu
02:54

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

Final Styles to our Design
02:40

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
03:08

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
01:50

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

Testing on Litmus
03:06

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
03:17

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

Viewing our Email in different browsers and Devices
01:48
+
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
02:22

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

Adding the Images to the Working folder
04:45

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
05:36

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

Styling the Post of the Week section
07:38

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

Working with the Recommended Posts Section
04:13

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
03:48

Let's add some SASS to our Tips 

Styling the Travel Tips Section
03:47

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

Finishing up the Travel Tips Section
02:10

Let's create a Footer for this Newsletter

Creating the Footer
02:18

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

Changing the Image Url´s to Dropbox
02:53

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

Adding Inliner to our Project
01:03

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
03:18

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
02:03

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

Viewing our Email in different browsers and Devices
03:07
About the Instructor
Juan Pablo De la torre Valdez
4.6 Average rating
1,439 Reviews
5,298 Students
15 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.