Kinetic Email

Bubble Wrap in Email With Sound Effects

Self regenerating bubble wrap with popping noises. Here's an example of making sound effects in email.

This example works in iOS Mail, Apple Mail and the Samsung email client. Try it out for yourself with this Bubble Wrap in Email example

Read More

Magic 8 Ball: Achieving Pseudo-Random Outcomes In Interactive Email

I built an email incorporating an interactive Magic 8 Ball for Email on Acid. This technique uses a technique animating a series of labels over a button to achieve a "pseudo" random outcome when the user presses the button.

Read More

Faux-Video: Video in Email Using Sprites

Kristian Robinson implemented a technique to display a set of videos using JPEG sprites for UK's Channel 4. This technique involves converting a video into a grid of scenes in JPEG and using CSS animation display the "faux-video"...

Read More

Swipe to Reveal Technique

Check out this swipe to reveal technique created by Daniel Sivan from Wired Messenger. This technique overlays a foreground image over a background and uses padding to "push" the image to the right of a container leaving a "handle" that the user

Read More

Filmstrip Technique: Interactive Email in The Android Gmail App

Three of the biggest gripes about interactive email I hear (other than its a fad), is that interactive email is too complicated, its not supported in Gmail and that it won’t work in MailChimp. Here’s a technique that addresses all three!...

Read More

Email on Acid’s Choose Your Adventure Interactive Email

I built an interactive email for Email on Acid’s 4th of July campaign with a “Choose Your Adventure” format. The email featured a scenario that is so familiar to those of us who build email campaigns, where a bug is discovered right

Read More

My Interview With MailChimp

I was interviewed by the folks at MailChimp for a newsletter series they were doing on interactive email. FreshInbox: On a Mission to Take Interactive Email Mainstream FreshInbox founder Justin Khoo — who started his career as an internet engineer for GE, built websites

Read More

Cheetah Digital Report: Kinetic Email Increases Click-to-Open Rate by 10%

Cheetah Digital (Formerly Experian Cross Channel Marketing) released their 2016 Q4 Quarterly email benchmark report earlier this year. A portion of their report covered the topic of Kinetic or Interactive Email. There report gives a good overview on what kinetic email can

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

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