Digest

Falling Basketball With CSS Fixed Positioning

Posted in Digest, Interactive Email, Kinetic Email by Justin On September 8, 2016

This is a cool interactive email featuring a falling basketball. This email takes advantage of the thin and tall nature of a mobile email client for its effect.

Apparently fixed positioning support is going away in iOS10. Here's your last chance to

CSS Fixed Positioning in Email

Posted in CSS Help, Digest by Justin On August 15, 2016

Its one of the least understood CSS styles in email and also one of the most quirky - especially when it comes to iOS. The iOS Mail toolbars will obscure fixed positioning elements set to the very edge and z-indexes don't work

Thunderbird’s Quirky Support For Checkboxes

Posted in CSS Help, Digest, Kinetic Email by Justin On August 5, 2016

Thunderbird supports checkboxes so it supports interactive email right? Well not so fast. The client behaves strangely when it comes to form elements. This article goes over what you need to know about form element support as well as ways to target

No Absolute Positioning in the Samsung Email Client

Posted in Digest, Interactive Email by Justin On August 1, 2016

Ever since Google discontinued the native Android client, many users on Galaxy phones have turned to Samsung’s email client. This webkit based client – denoted with a red @ seal – comes with some quirks – the lack of absolute positioning a

Responsive Rollover Images for Email

Posted in Digest, Interactive Email by Justin On July 26, 2016

A while back I wrote an article that demonstrated a method to create rollover images in email using background images. However the old method requires the width of the image to be fixed because the background-size property is not uniformly supported by

The Outlook Rosetta Stone

Posted in Digest, Email by Justin On July 15, 2016

Jason Rodriguez and Ed Giardina dug up from the annals of the internets the Microsoft Office HTML and XML Reference. It contains a comprehensive list of the infamous Outlook (and Office) mso- properties and their uses. This document might one day

The Ultimate Email CSS Animation Guide

Posted in CSS Help, Digest, Interactive Email by Justin On July 10, 2016

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

Yahoo! Mail adds overflow:auto to elements with max-width and max-height

Posted in Digest, Email Resource, letsfixemail by Justin On June 16, 2016

Last week, the email geek-verse blew up when certain emails especially hybrid coded emails started breaking in Yahoo! Mail. Although Yahoo! Mail and Gmail has always converted height to min-height, Yahoo! Mail went the extra mile and began converting width to min-width