: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

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

How to Implement the Ken Burns Effect in Email

Ken Burns effects are slow pan and zoom animations that are often applied to images to bring about a "video like" quality. The effects can liven up a carousel or can be used with other interactive techniques to make an email more engaging.

Learn how to add Ken Burns effects to your email...

Read More

Interactive Hotspots in Email

Interactive hotspots, or user initiated information overlays are an effective way to deliver additional contextual information on an image.

This article goes over how to implement hotspots in email as well as showcase some examples of effective hotspot implementations...

Read More

Four Interactive Email Fallback Strategies

A key consideration when building interactive email or kinetic campaigns is fallback content planning. Specifically what content to display in clients that do not support interactive email content.

Check out this article to learn the four fallback strategies.

Read More

Targeting The New Responsive Gmail With CSS

With the new Gmail update it is now harder to use CSS to distinguish Gmail that doesn't support advanced CSS3 like interactivity and animations from clients like the iPhone email client that does.

Thankfully, uber email developer Mark Robbins from Rebelmail came up with a solution that allows you to apply a set of CSS that is only active within Gmail and Inbox.

Read More

Recording of the Webinar on Gmail’s Responsive Email Update

Email on Acid organized a webinar covering the new changes that Gmail rolled out in late September.

Among the presenters were Mark Robbins from Rebelmail, Eric Lepetit from Nest and yours truly.

We covered topics from what Gmail announced, why its a really really big deal, to the potential issues that email designers may encounter with the new Gmail.

Watch it here: https://vimeo.com/186281155

Read More