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

Read More

AMP for Email: What You Need to Know About Google’s New Interactive Email Effort

AMP for Email is a subset of AMP that, like AMP, offers Javascript-like functionality for email. Since all email clients block Javascript by default, AMP offers a limited, and secure alternative to Javascript without giving senders the ability to run arbitrary code in email...

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-Fixed Interactive Email Scrolling Technique

I wrote on the Email on Acid blog a technique to mimic fixed positioning yet works on a surprising number of email clients, namely: iOS (iPhone, iPad), Apple Mail, Outlook for Mac, Gmail Webmail and Mobile Apps (yes!) and Yahoo! Webmail...

Read More

Email Monks Email Design Contest

The folks at Email Monks are running a design contest with some pretty cool prizes. If you want a chance to show off that cool interactive email you built last year, now is the time to do it! The contest ends on January 10th.

Head over to: https://contest.emailmonks.com/

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

Changing the Stacking Order of Elements Without z-index

I recently learned that its possible to change the stacking order of elements without using z-index. This can be done by using other CSS properties to create what is called a new "stacking context"...

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 can use to drag the content into view.

Read More

First Aid Fix For iOS 11 Rendering Issues

With the advent of iOS 11, designers are reporting wierd quirks with their design when opened in a device running the latest operating system, particularly when it comes to zooming or right vertical gaps in the email. One of the first things you should try if this happens is to add this tag to the head of your email...

Read More

Apple Mail Sometimes Hides the Last Image in an Email

When you have an email with an image at the very bottom of an email, sometimes that image is not displayed in Apple Mail. This is a very strange bug that is unlikely to manifest in real campaigns because most emails contain footer text at the bottom. However this can be very frustrating and confusing when experimenting with different email designs and techniques...

Read More