How Yahoo! Mail’s Mangling of Media Queries Affects Your CSS

The first part of this article talked about what you should be aware when creating email with Media Queries in relation to Yahoo! Mail.

In this article we’ll look at what happens when Yahoo! Mail mangles media queries. This article will be very technical in nature and may be of limited value if you're just looking for tips. However, if you want to understand what appears to be going on "under the hood", read on...

Read More

Why Not to Put Regular CSS Under Media Query Blocks [Yahoo! Mail]

In a previous blog post we saw how Yahoo! Mail mangles media queries and how we can address it. However there is a less well known, adverse effect that arises from Yahoo! Mail's mangling of CSS. If you have CSS rules after  Media Query blocks, it can get frustrating trying to figure out why Yahoo! Mail seems to be enabling and disabling rules seemingly at random...

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 post on the iPhone and Android you probably noticed that although the touch devices don’t support the concept of a "cursor hover", it does respond to the hover event when an element with hover is touched...

Read More

Send Yourself an Example of an Interactive Email

I've put up a page that allows you to send yourself an example of the Interactive Email that I covered in the article 3 Steps to Create an Interactive Email Using CSS.

You can send yourself the example by going here.

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 of a product when the recipient hovers the cursor over an image, users will have a much more interactive and enjoyable experience...

Read More

Hello from FreshInbox!

Welcome to FreshInbox's first post.

The idea for this blog started when LinkedIn introduced their Intro app for the iPhone. The app inserts an interactive LinkedIn widget featuring the sender's profile inside the email. Although it felt like the widget incorporated JavaScript, which is blocked by almost all email clients, I realized it was all CSS after some digging and speaking with the folks who built it (thanks InboxLove).

After a weekend full of experimenting, I was able to come up with examples of Interactive Content...

Read More