From: RafiBomb Date: Tue, 29 Mar 2016 18:04:04 +0000 (-0700) Subject: updates tips and tricks doc X-Git-Tag: v2.1.0~1^2~2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=eca6792108afeb9653f2d298ba8553873db6ff81;p=thirdparty%2Ffoundation%2Ffoundation-emails.git updates tips and tricks doc --- diff --git a/docs/pages/tips-tricks.md b/docs/pages/tips-tricks.md index 7358344b..e75b5857 100644 --- a/docs/pages/tips-tricks.md +++ b/docs/pages/tips-tricks.md @@ -3,11 +3,16 @@ title: Tips & Tricks description: We've put together some Responsive Emails Tips & Tricks that will help you navigate the mine field that is coding HTML emails. --- -Coding responsive emails can be a real pain. This guide will help you through some of the the most common issues you'd face. It's a living document and will be updated periodically. +Coding responsive emails can be a real pain. This guide will help you through some of the the most common issues you'd face. It's a living document and will get updates periodically. ## Why Foundation for Emails -Foundation for Emails, especially with Inky, help abstract away much of the pain of HTML email development. It's more than responsive templates you can use. +Most responsive emails are built on templates. Theyâre simple, easy to drop content into and are usually well-tested. Templates have a serious cost though. "Oh, so you want to do anything other than change the colors and text?" Sorry â¦ youâre out of luck, Chuck. Templates tend to be hard to customize heavily or to extend. For that you need a framework. + +A framework is a collection of reusable code and design patterns which gives users a solid, tested base upon which to build. Not a bunch of visual styles you can just bolt on as an afterthought and call it a day. + +- Frameworks give you the solid base of a template, but the extensibility of custom code. You can make your template fit your content, not the other way around. +- Additionally, a framework gives you a common codebase to structure your projects around. You can spend less time coding your email. No more re-inventing the wheel. ## Need to know @@ -15,7 +20,9 @@ The sad truth about creating or coding HTML emails is that tables are the only t It's not all doom and gloom though, and we're all in this together. Foundation for Emails helps by getting you away from tables (Sass version), helping you with an organized project structure, and a well tested codebase to make this much easier. We've put together a guide and links to resources from our friends to help you along as well as a new [Responsive Emails master class](http://zurb.com/university/responsive-emails-foundation) to become a HTML email pro. -## General +--- + +## HTML **Email Container Width** @@ -25,96 +32,31 @@ Foundation for Emails' default container with around 600px wide. That's because The height of your email doesn't matter as much because people scroll. It still helps to have your most compelling content towards the top. -**Inlining CSS** - -Gmail strips the `` (and, consequently, `