CSS Help

Image Map Support in Email Clients

There is a misconception that image maps are poorly supported among email clients. This article goes over which clients support image maps as well as some of the advantages and disadvantageous of using them in your campaigns.

Read More

How to Implement Sliding Carousel Transitions

This article goes into the details on adding sliding transitions between images in a image carousel for email.

Read More

Yahoo Mail Android Only Supports Style Tag in Email Body

Although the Android and iOS versions of the Yahoo! Mail app look similar, there is a key difference between them and that is the iOS version supports <style> in both the head as well as the body of the email whereas the

Read More

Gmail Announces Support for Embedded Styles and Media Queries

Today Gmail made a huge announcement that will forever change the way we code emails. Gmail will be supporting embedded styles! That means... you got it. No more inlining!

Here's Gmail's documentation on what is supported.

Read Geoff Phillips analysis on the

Read More

Gmail Supports display:none and Gmail iOS Font Fix Update

One of my most often used hacks is the dash hack or &nbsp; hack to prevent the Gmail iOS app from drastically increasing the font size for certain emails. The technique took advantage of the fact that Gmail doesn't support display:none.

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

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

Outlook.com Alters Styles of Elements Next to Checkboxes

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

Read More

CSS Animation Entrance Effects in Email

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

Read More