Creating HTML email
Text email is so last century. Today's mail clients can render HTML--to a degree. But creating a mailer-independent email is a lot like creating a browser independent web page.
Here are some resources that I found for doing the job.
A good overview on the subject is [here](http://24ways.org/2009/rock-solid-html-emails/). Key points:
do all your layout using fixed-width tables. Don't count on the mailer's flowing things nicely.
Move all your CSS inline. To do that, use [this site](http://premailer.dialect.ca/). It will take your out-of-line CSS, throw away the parts you don't want and give you a nice inline product.
To start with, you'll want some nice HTML boilerplate. So why not go to [http://htmlemailboilerplate.com/] and grab it.
The boilerplate will display something incredibly ugly, but that's OK. You've going to want to tweak it. And the easiest way to do that is with [brackets ](http://brackets.io/). Brackets gives you a nice live-editing environment. Make an edit in your HTML or your CSS and press save, and it renders instantly.
Details for HTML email can be found [here](http://en.wikipedia.org/wiki/HTML_email)
Here are some resources that I found for doing the job.
A good overview on the subject is [here](http://24ways.org/2009/rock-solid-html-emails/). Key points:
do all your layout using fixed-width tables. Don't count on the mailer's flowing things nicely.
Move all your CSS inline. To do that, use [this site](http://premailer.dialect.ca/). It will take your out-of-line CSS, throw away the parts you don't want and give you a nice inline product.
To start with, you'll want some nice HTML boilerplate. So why not go to [http://htmlemailboilerplate.com/] and grab it.
The boilerplate will display something incredibly ugly, but that's OK. You've going to want to tweak it. And the easiest way to do that is with [brackets ](http://brackets.io/). Brackets gives you a nice live-editing environment. Make an edit in your HTML or your CSS and press save, and it renders instantly.
Details for HTML email can be found [here](http://en.wikipedia.org/wiki/HTML_email)
Comments
Post a Comment