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 Android version only supports <style> in the body. This article explores some of […]

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 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...

Read More

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...

Read More

Background Images in Windows 10 Mail

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 More

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.

Read More

: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....

Read More

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...

Read More

Holiday Interactive Emails

The holidays are a busy time for email marketers as it is the peak shopping season. However the holidays also provide a ripe opportunity to for email marketers to fire up their creative juices.

Here are some really cool campaigns that leverage interactivity and advanced CSS animations that were sent this past holiday season.

Read More

Interactive Puzzle in an Email

I built an interactive puzzle for an Email on Acid promo. It features rotating four letter combinations that when unlocked displayed a link for a coupon. There were quite a lot of techniques put into the example and it was really fun to build.

Check out this tutorial on the techniques used in the email.

Read More