Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Lessons:12Length:1.1 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.2 What Is Foundation for Emails?

So what is Foundation for Emails? Well, it’s a framework. A framework which comes with pre-built components that are already tested and guaranteed to work in pretty much any email client. In this lesson we’ll look at why you should use it.

1.2 What Is Foundation for Emails?

So what is Foundation for Emails? Well, like I said in the course introduction, it's a framework. A framework that comes with prebuilt components that are tested and that are guaranteed to work in pretty much any email client. It also comes with a fancy build system that's gonna speed up the whole process. It's based on Gulp and uses BrowserSync for reloading and synchronized testing. More about that in a future lesson. For now just remember that it's awesome. Now, why should you use such a framework, and why not code these emails from scratch? Well, the number one reason is client compatibility. And let me just quote Foundation on this. Your email is not going to look identical in every client. That's true. There are tons of email clients out there from mobile to desktop, from Mac OS to Windows to Linux to the web. And while most of these are based on the same rendering engines, some of them just don't wanna play nice. And the result is inconsistent email design, which is bad. Now, trying to accommodate all of these email clients by yourself can be a really daunting task. The second reason is this. Tables are the only things that are universally supported when it comes to coding emails. And, let me tell you, coding with tables is time-consuming, boring and, most of the time, a really big headache. Now, Foundation for Emails gives us all the tools we need to work really easily with tables and create compatible emails. Now, reason number three is adaptability because not everyone is an experienced developer. So Foundation gives you two options when you get started, a Sass version and a CSS version. The Sass version is for the more advanced users. It uses something called a ZURB Email Stack which includes Gulp, BrowserSync, and this automated workflow that's gonna get you up and running really fast. But you need to know how to use certain things like node and the command line. The other one, the CSS version, is for the less experienced users. And it just provides you with static CSS, and it's really easy to you to get started. So let's see how we can work with these tools I mentioned. And we'll get started with the CSS version, which is the easiest one. That's coming up in the next lesson.

Back to the top