Interactive Email
Gmail Reverts Interactive Email Disabling Change
Well that was quick! A day after Gmail made changes to their CSS filters blocking interactive CSS elements, they've seemingly rolled it back.
Gmail No Longer Supports Interactive Email :(
Posted in Interactive Email, Interactive Email Tutorials, Kinetic Email, letsfixemail by Justin On July 1, 2016
As of today Gmail strips all attribute selectors and the :hover and :checked pseudo-class and that means no more interactivity in the Gmail inbox.
Outlook.com Alters Styles of Elements Next to Checkboxes
Posted in CSS Help, Interactive Email, Interactive Email Tutorials, Kinetic Email, letsfixemail by Justin On April 6, 2016
Sometime over the past two weeks, OWA - Office 365 Webmail or the new Outlook.com started introducing side effects to their processing of checkboxes in email. Styles of elements following checkboxes are either removed or styles applied to checkboxes are being appended
Interactive Carousels in Email: HP ENVY & B&Q Outdoor Furniture
This week we were treated to not one but TWO campaigns featuring image carousels and I'm especially excited about both of these campaigns for reasons I'll explain below...
Rollover Images in Email: Brown Bag Clothing & DirecTV
I've recently come across a few emails that incorporated rollover images. I'm actually quite surprised more emails are not using this technique considering how simple it is to implement. Here are two that I thought used the effect well.
Ambient Animations in Email: Snow and Stars
Posted in Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On January 11, 2016
Its the holidays and emails take on a certain holiday spirit. Logos take on some holiday cheer, reds and greens are added to the color palette and snow!
This is also the time where falling snow animations are added to emails. In the
This is also the time where falling snow animations are added to emails. In the
Snowball Surprise: Shaking the Email
Posted in Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On January 6, 2016
Animated gifs in email are popular, so how do you let the recipient know that the cool CSS effect you're using is not just another gif? Simple... animate the entire email!
CSS in Email: Star Wars Edition
I was mulling around CodePen and found this super cool CSS animation featuring the Star Wars AT-AT walker of The Empire Strikes Back fame written by r4ms3s. I thought to myself, hmm I wonder if it will work
Burberry’s Interactive Scarf Personalizer Email
Burberry sent a really slick kinetic email campaign featuring a 3 step interactive scarf personalizer. The email allowed recipients viewing the email on a webkit based email client the ability to select a scarf and then view a preview of the
Pret’s Kinetic Email Case Study on Campaign Monitor
Check out this case study of a kinetic campaign featuring an interactive smoothie cup the digital agency bigdog created for Pret, a British sandwich retail chain featuring their line of smoothies.
The kinetic version featured an empty cup and the recipient could watch
The kinetic version featured an empty cup and the recipient could watch