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.
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 that email.
Read the interview.
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 that email.
Read the interview.
How to Implement Sliding Carousel Transitions
This article goes into the details on adding sliding transitions between images in a image carousel for email.
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 Android version only supports <style> in the body. This article explores some of […]
How to Restart CSS Animations in Email Using The :active Pseudo-Class
Posted in Digest, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On March 9, 2017
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 color palette (gif images are limited to 256 colors). There is now another reason to use CSS animations - the ability to play the animations on demand...
Until now, the answer seems to be that CSS animations are more fluid, has smaller filesize and a much higher color palette (gif images are limited to 256 colors). There is now another reason to use CSS animations - the ability to play the animations on demand...
Sonic the Hedgehog Game in Email
One of the exciting possibilities of interactive email is games. Kristian Robinson of Two built two really cool versions of Sonic the Hedgehog games that you can play within an email. I was blown away with the slick execution of both these games as playing them had an authentic albeit brief experience...
Background Images in Windows 10 Mail
Posted in Email Resource by Justin On February 22, 2017
Although VML is widely used in Microsoft Outlook 2007-2016, background image support has been elusive in the new Windows 10 Mail.
Marshall Gerz found a method of implementing VML that allowed for background images to work in both Outlook and Windows 10 Mail.
Read about the technique in the Litmus forum and be sure to check out Cosmin Popovici's attempts in the comments as well.
Read about the technique in the Litmus forum and be sure to check out Cosmin Popovici's attempts in the comments as well.
How to Prevent Gmail From Displaying An Image Download Button In Your Email
If you have unlinked images in your email and the image is above a certain size, Gmail will display an image download icon when you move the cursor over the image.
Check out this article to learn some of the techniques you can use to suppress the image download button.
Check out this article to learn some of the techniques you can use to suppress the image download button.
:hover Pseudo-Class Limitations on iOS Mail
Pseudo-classes such as :hover and :checked are work-horses of interactive email.
However you should be aware that the :hover pseudo-class will only activate on certain elements in the iOS email client and knowing this can save you some headaches when troubleshooting your interactive email designs....
However you should be aware that the :hover pseudo-class will only activate on certain elements in the iOS email client and knowing this can save you some headaches when troubleshooting your interactive email designs....
Outlook.com Removes Placeholder Links in Email
Outlook.com strips certain kinds of placeholder links. This article explains how you can use placeholders in your links that won't be stripped by Outlook.com...