Sunday, 23 February 2014

Coding Email Templates for Responsive Design: Part 1

TweetBuffer

This column was co-authored by Graham Gnall of Live Intent.

In an increasingly mobile world, populated by email users who routinely swap between devices as often as they blink, adapting your email code to be responsive and render beautifully on any client or device may no longer be a matter of preference, but rather of survival.

I've eschewed opinions in favor of high-level, practical how-to facts for today's article: How to code your email templates for responsive design.

Pre-Design Settings

Before getting into the actual structure of the email, you'll need to declare some information in the head section. Below is a head section that's become something of an industry standard. Reuse this in your templates for maximum compatibility:

< !DOCTYPE html PUBLIC "-//W3C//
DTD XHTML 1.0 Transitional//EN"
"http://w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
< html xmlns

View the Original article

No comments:

Post a Comment