Digest

Falling Basketball With CSS Fixed Positioning

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

Read More

CSS Fixed Positioning in Email

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

Read More

Thunderbird’s Quirky Support For Checkboxes

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

Read More

No Absolute Positioning in the Samsung Email Client

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

Read More

Responsive Rollover Images for Email

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

Read More

The Outlook Rosetta Stone

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

Read More

The Ultimate Email CSS Animation Guide

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

Read More

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

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

Read More