Home | Email Boilerplate | Client Tips & Tricks | Standards Guide | Character Conversion
 
 
 
Share/Save/Bookmark

Email Boilerplate

Download the source code
explained
condensed
explained:

Email Client Tips and Tricks

Frequently Asked Questions
  • Android 4.4.4
  • Android 5.1.0
  • Android Gmail 6
  • AOL
  • Apple Mail 8
  • Apple Mail 9
  • BOL
  • Comcast
  • Free.fr
  • Freenet.de
  • Gmail
  • Gmail App iOS 7
  • GMX
  • Google Apps
  • iPad 2
  • iPad Air (iOS 9)
  • iPad Mini
  • iPad Mini (iOS 9)
  • iPad Retina (iOS 8)
  • iPad Retina (iOS 9)
  • iPhone 5S (iOS 9)
  • iPhone 6 (iOS 9)
  • iPhone 6+ (iOS 9)
  • Laposte
  • Libero
  • Lotus Notes 6.5
  • Lotus Notes 7
  • Lotus Notes 8
  • Lotus Notes 8.5
  • Mail.ru
  • Nate
  • Naver
  • Office 365
  • Orange.fr
  • Outlook 2003
  • Outlook 2007
  • Outlook 2010
  • Outlook 2010 (120 dpi)
  • Outlook 2011
  • Outlook 2013
  • Outlook 2013 (120 dpi)
  • Outlook 2016
  • Outlook 2016 (Mac)
  • Outlook.com
  • QQ
  • SFR.fr
  • T-Online.de
  • Telstra/BigPond
  • Terra
  • Thunderbird
  • Web.de
  • Yahoo!
  • Yandex.ru
Android 4.4.4

A list of quirky issues in Android 4.4.4:

CSSCan I write CSS that will only render in mobile devices?

CSSHow do I resize images to better fit a mobile screen?

CSSHow do I stop my text from wrapping inside the viewport?

CSSMy fonts are enlarged on this device, how do I stop that from happening?

CSSWhy is there padding only on the left side of my email?

Standards Guide
A list of universally supported HTML and CSS in the most popular email clients:

Universally Supported HTML
Tag Attributes
a accesskey, charset, class, dir, href, hreflang, id, lang, name, rel, rev, style, tabindex, target, title, type
b class, dir, id, lang, style, title
br class, clear, id, style, title
div align, class, dir, id, lang, style, title
font class, color, dir, face, id, lang, size, style, title
h1 align, class, dir, id, lang, style, title
h2 align, class, dir, id, lang, style, title
h3 align, class, dir, id, lang, style, title
h4 align, class, dir, id, lang, style, title
h5 align, class, dir, id, lang, style, title
h6 align, class, dir, id, lang, style, title
head dir, lang, profile
hr align, class, dir, id, lang, noshade, size, style, title, width
img align, alt, border, class, dir, height, hspace, id, ismap, lang, longdesc, name, src, style, title, usemap, vspace, width
label accesskey, class, dir, for, id, lang, style, title
li class, dir, id, lang, style, title, type, value
ol class, compact, dir, id, lang, start, style, title, type
p align, class, dir, id, lang, style, title
Clients Included:
  • Android 2.2
  • Android Gmail
  • AOL 9
  • BlackBerry
  • Entourage 2004
  • Entourage 2004
  • Gmail
  • Hotmail
  • iPhone
  • iPad
  • iPad Gmail
  • Live Mail
  • Lotus Notes 8
  • Lotus Notes 8.5
  • Mac Mail
  • Outlook Express
  • Outlook 2003
  • Outlook 2007
  • Outlook 2010
  • Thunderbird 2
  • Thunderbird 3
  • Windows Mail
  • Yahoo Mail
Optional:
Lotus Notes 6.5
Lotus Notes 7

Special
Character Conversion
Convert your special characters to HTML entities:

Why Convert? Learn More...
Conversion Complete
Example Text     Clear Text
Convert
x
Sign up for our Newsletter

And get updates on the latest email tips, tricks and hacks!