Email Resource

Gmail supports the Style tag!… Well sort of

Will you be surprised to hear you can actually put CSS including pseudo-classes like :hover in a <style> block and have them work in Gmail? Well as I found out recently, you can! ...

Read More

Outlook.com removes all content within conditional comments

However I recently noticed that Outlook.com is stripping content within ALL conditional comments! Content that only used to be hidden only in Outlook is now also hidden in Outlook.com.

Read More

How to Get your Logo to Display in Gmail Grid View

Since Gmail introduced Grid View there has been a lot of buzz on creating imagery that is optimized for the Gmail's Grid View. A distinct part of the Grid View is the sender's logo and unfortunately logos of a lot of

Read More

Here’s a Tool to Test Featured Images for Gmail’s new Promotions Tab Grid View Layout

I wrote this tool over the weekend to experiment with Google's new Featured Images markup that allows the sender to designate a "featured image" of the email to be displayed when the recipient opens the Promotions tab in Grid View.

Read More

Why Your Email May be Missing a Featured Image in the Gmail Grid View [Updated]

Gmail launched Grid View two days ago that featured listed emails in a grid view like a Pinterest pinboard. One thing caught my eyes immediately. A fair number of emails did not have a featured image even though there were fairly large images

Read More

How to Create an Image Carousel for Email – Part 2 [Web & Desktop]

In Part 1 we saw how we can create a thumbnail driven image carousel for mobile email. This article will go over how to add support for Web & Desktop email clients such as Yahoo! Mail, Outlook.com and Outlook 2003...

Read More

How to Create an Image Carousel for Email – Part 1 [Mobile]

This is a two part article that will walk through how to build a thumbnail driven image carousel in an email. In this post we will work on getting it to work on mobile clients - specifically the native iPhone and Android

Read More

Image Swap for Email Revisited [non-mobile]

In 3 Steps to Create an Interactive Email Using CSS we saw how we can implement a simple rollover effect in email. After further experimentation I've found a slightly simpler method to implement the same effect...

Read More

Interactive Images on Mobile Email

In a previous article I showed how to create "rollover images" in email wherein the user could move their cursor over an image and an alternate image will be shown. This

Read More

Bulletproof Solution to Hiding Mobile Content when opened in Non-Mobile Email Clients

This is a definitive guide into hiding content on desktop and web clients that you only want displayed on mobile email clients.

These days, responsive design is getting popular on email. Having the layout and sizes of elements change when viewed on a

Read More