Email Templates and Cafes

This week is Spring Break with the family. We’re having a great time and even ended up making an appearance on the Oakland Athletics Jumbotron last night.

Today, I’m back at writing my book on building email templates from start to finish, which is almost as much fun to me. Really. Part of the enjoyment for me involves cafe hopping by bicycle; finding quiet places with free wifi and good coffee to pick apart email templates that I’ve coded. And discovering the wealth of resources online with free, responsive email templates.

A couple of notables:

Both Litmus and EOA provide good, general email advice and testing tools that I rely on frequently. Take a look and join the fun (or at least make your job implementing emails easier ).

The Problem is the Solution

Often, solutions to web problems are not too far away. It’s refreshing when both the problem and the solution are well-defined. Also when the client walks away knowing how to solve it next time.

Last night:

Hi Jesse,

Nick is out and I have what I hope is a quick question about adding color to text in our fluid-hybrid template.

I’d like to add

style="color:#C52031; font-weight:bold;"

, but it is not a paragraph (our/your template avoids them) and it is not a hyper link. I could use

<a style="color:#C52031; font-weight:bold;">TEST</a>

What do you recommend?

In short how do I make text bold and red?

This morning:

Hi Will,

Sorry to not respond yesterday. I was out of the office. It’s a quick fix, though—just use a

<span>

tag around that text with your style attribute, like this:

<span style="color:#C52031; font-weight:bold;">TEST</span>

Later in the morning:

Jesse,

Great! Thanks. Just what I needed. I didn’t see any use of

<span>

in your code, so I didn’t know. Awesome.

Keep asking, learning, & doing—that’s what the web is all about.