Email Workshop - Powell/Masterson (#11NTCEmail) HTML EMAIL BOILERPLATE v 0.5 updated 11/5. Guide to CSS support in email. Version history 14 November 2017 Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties.
Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10. 22 September 2017 Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries. 13 September 2017 A complete rewrite and redesign of the guide, testing 278 different CSS properties and features across 35 email clients. To accommodate the huge increase in content, we’ve added search functionality and the ability to link directly to individual the email clients and properties for easy sharing.Discuss this on our blog. 2 May 2014 Removed support for various selector options (E) in Gmail and added support for direction, vertical-align and list-style-type in Outlook ’07/’10/’13. 19 September 2013 30 January 2013 1 February 2012 background-image is now supported in Gmail. 10 December 2010. Build your own email template. Email Client Popularity. Each time a subscriber opens an email sent with Campaign Monitor, we keep track of which email client they're using.
Since 2009, we've measured email client popularity across many billions of emails and occasionally collate that data to show interesting trends in email client usage. Mobile email now in the lead Earlier this year, our friends at Return Path predicted that mobile was to surpass web and desktop client usage by July, 2012. We found that this event happened as early as February, when mobile overtook webmail client usage.
In April, desktop clients lost their top spot - and mobile has shown no signs of slowing down since. . — Desktop— Web— Mobile Most popular email clients Below is the email client market share as of September 2012. Movers and Shakers The movers and shakers highlights those email clients whose market share is growing or shrinking the fastest. Android90.02% iOS Devices74.25% Windows Live Desktop26.44% Outlook.com / Hotmail11.09% The fine print. Email Design Guidelines. At some stage in your career, it’s likely you’ll be asked by a client to design a HTML email.
Before you rush to explain that all the cool kids are using social media, keep in mind that when done correctly, email is still one of the best ways to promote you and your clients online. In fact, a recent survey showed that every dollar spent on email marketing this year generated more than $40 in return. That’s more than any other marketing channel, including the cool ones. There are a whole host of ingredients that contribute to a good email marketing campaign. Permission, relevance, timeliness and engaging content are all important.
Same same, but different Before getting into the details, there are some uncomfortable facts that those new to HTML email should be aware of. While it’s not without its challenges, rest assured it can be done. Setting your lowest common denominator Let’s get started. Use tables for layout Set the width in each cell, not the table Err toward nesting Paragraphs Links. Actualités, Découvertes, Débats et Conseils. Pour les Graphistes et autres métiers de la communication.