Here is a technique that solves a common kind of animation jitteriness in iOS Mail. Under certain conditions, quick, single iteration (non-repeating) CSS animations in iOS tend to skip - causing movements to look glitchy and jarring.
A solution is to increase the
How to Fix Jittery CSS Animations in iOS Mail
Posted in CSS Help, Email Resource, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On July 28, 2018
Using -webkit no Longer Needed for CSS Animations in Email
Posted in CSS Help, Email Resource, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On July 20, 2018
Its 2018 and email clients that support CSS animations no longer require the -webkit vendor prefix when using the animation CSS property or @keyframes rule.
Gmail is Stripping Ids and Classes From Elements in Classic Version [Update: fixed]
[Update: This has been fixed.]
Gmail rolled out a new version of the UI in Beta in April, however it looks like in the process of migrating users to the new UI a few days ago the "old" Gmail suddenly reverted to a
Gmail rolled out a new version of the UI in Beta in April, however it looks like in the process of migrating users to the new UI a few days ago the "old" Gmail suddenly reverted to a
Gmail Testing Subject Line Images with Promotion Cards
It looks like Gmail is taking another shot at cover images for email. Rafael Viana discovered that an email in his Gmail Android inbox contained an image under the subject line of an email from Booking.com. Upon further inspection, it appears that
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
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
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
Magic 8 Ball: Achieving Pseudo-Random Outcomes In Interactive Email
Posted in Digest, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On February 9, 2018
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.
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!
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
Faux-Video: Video in Email Using Sprites
Posted in Interactive Email, Interactive Email Tutorials, Kinetic Email, Uncategorized by Justin On December 10, 2017
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"...