Digest

Faux-Fixed Interactive Email Scrolling Technique

I wrote on the Email on Acid blog a technique to mimic fixed positioning yet works on a surprising number of email clients, namely: iOS (iPhone, iPad), Apple Mail, Outlook for Mac, Gmail Webmail and Mobile Apps (yes!) and Yahoo!

Read More

First Aid Fix For iOS 11 Rendering Issues

With the advent of iOS 11, designers are reporting wierd quirks with their design when opened in a device running the latest operating system, particularly when it comes to zooming or right vertical gaps in the email. One of the first things

Read More

Radio Input Bug Causes Media Queries to Activate in Internet Explorer

When creating interactive email be careful if your design contains checked radio elements as it can cause some quirks when viewed in some Webmail clients like Yahoo! Mail and AOL Mail.

Read More

The New Yahoo! Mail and How to Target It

Yahoo! Mail released an update that came with a new UI, a few new features and some performance improvements. Yahoo! Mail also made some tweaks on how they process CSS as well. The significant change is that the new Yahoo! Mail no

Read More

Implementing Navigation Controls in Image Carousels for Email

This article goes into the nitty gritty of using the CSS :checked selector and checkboxes to implement navigation controls for a carousel in email.

Read More

Image Map Support in Email Clients

There is a misconception that image maps are poorly supported among email clients. This article goes over which clients support image maps as well as some of the advantages and disadvantageous of using them in your campaigns.

Read More

Tinder Inspired Interactive Email: Interview With Penguin Random House

Penguin Random House sent a Tinder themed interactive email this past Valentines.

I took the opportunity to interview Cassie Spencer, Manager of Email Marketing on the Email on Acid blog to discover some of the inspirations and challenges they came across when building

Read More

How to Implement Sliding Carousel Transitions

This article goes into the details on adding sliding transitions between images in a image carousel for email.

Read More

Yahoo Mail Android Only Supports Style Tag in Email Body

Although the Android and iOS versions of the Yahoo! Mail app look similar, there is a key difference between them and that is the iOS version supports <style> in both the head as well as the body of the email whereas the

Read More

How to Restart CSS Animations in Email Using The :active Pseudo-Class

One of the questions often asked about CSS animations is "Why use CSS animations when an animated gif works in many more clients?"

Until now, the answer seems to be that CSS animations are more fluid, has smaller filesize and a much higher

Read More