Alex Ilhan dishes the dirt on CSS animations in email. Lots of juicy techniques to experiment with.
Part 1: Overview, the pros & cons and examples
Part 2: How to code animations
CSS Help
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
CSS Animation Entrance Effects in Email
Posted in CSS Help, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On November 6, 2015
Entrance effects using CSS animation can add some flair to your email. Unlike more ambitious kinetic email designs that may involve a lot of development time , entrance animation effects leveraging CSS 2D transforms can deliver some pizzaz without a
CSS Animations in Email and Vendor Prefixes
Posted in CSS Help, Interactive Email, Interactive Email Tutorials, Kinetic Email by Justin On November 5, 2015
Although CSS animations are only supported by modern email clients, used strategically CSS animations can bring a level of flair and sophistication to your email.
Gmail on Android doesn’t display background images on non-Gmail accounts
One of the features of Gmail on Android is that you can configure it to access email from non-Gmail accounts. However it appears that when doing so, background images are not displayed when emails from non-Gmail accounts are opened.
Email Client Support for Interactive and Dynamic CSS
Posted in CSS Help, Email Resource, Interactive Email Tutorials, Kinetic Email by Justin On August 13, 2015
Have you always wanted to experiment with kinetic email - interactive and dynamic CSS in email - but did not know where to start? Introducing the FreshInbox Resources section where you can familiarize yourself with kinetic email support in email clients as
How To Hide Checkbox And Radio Inputs In Email
Hidden checkbox and radio inputs are becoming a staple way to introduce interactivity in email. Here's a simple way to hide these elements in all email clients...
Android and iOS9 General Sibling Selector (~) Bug
In my experiment's I've often found that certain native Android (4.x) email clients do not support the general sibling selector (~). The general sibling selector is handy because it offers more creative freedom than the adjacent sibling (+) selector...
Yahoo! Mail Removes CSS Under Comments. Here’s How To Take Advantage Of It.
One of the lesser known quirks of Yahoo! Mail involves their CSS parser removing the next CSS style after comments. In this article, we'll go into how to address this issue by adding a phantom selector under comments as well as
Getting Yahoo! Mail To Fix Their CSS Parser
I filed a bug report on Yahoo! Mail's infamous CSS Parser. If you're tired of adding media query hacks , feel free to let Yahoo! Mail know with a simple tweet!