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

Minesweeper Interactive Email: An Interview with Camille Palu and miah roberts

Camille and miah have been creating some pretty cool interactive emails lately on their table tr td website. One of the really cool ones is this interactive Minesweeper game that you can play right in the email!

Check out this interview I did with Camille and miah on the Email on Acid Blog.

Read More

CSS Animations: Star Wars in Email Redux

The recent highly anticipated Star Wars spin off Rogue One featured the iconic AT-AT walkers in a pitched battle scene. I thought it would be apt to bring attention to this article posted last year featuring an animated AT-AT walker rendered in CSS inside an email.

Check out the article.

Read More