Interactive Email

Image Rollovers for Mobile and Non-Mobile Email

In previous articles we saw how we can implement interactive image rollovers for either webmail or mobile email.

This tutorial will go over how we can combine both techniques for an image rollover example that works with mobile AND non-mobile email

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

Outlook.com and Background Images

A well placed background image can make all the difference in an email. If you have an image that you'd like to use as the background, use a table cell background to get it to work in Outlook.com (Hotmail).This is effective because

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

How to Limit Email Interactivity to Non-Mobile Clients

A recent FreshInBox post 3 Steps to Create an Interactive Email using CSS showed how to create simple mouseover image effects that work with most of the major webmail clients including Outlook 2003.

If you tried out the example in that

Read More

3 Steps to Create an Interactive Email Using CSS

Do you find yourself trying to find new ways to engage your email audience with compelling and eye-catching content?

This example will show you, in three easy steps, how to do just that. By creating an email that will display an alternate view

Read More