BLOG

Mail that looks good on desktop and mobile

Over the weekend I noticed a new CSS framework aimed at email rather than web development, “Antwort“.

This isn’t the first or only framework for email content, but this one looks simple and robust, and it allows for content that doesn’t just adapt for different sized displays but looks good on all of them. The idea behind it is to divide your content into columns, magazine style, then display the columns side-by-side on desktop clients and top to bottom on mobile clients. That opens up much more interesting designs than the more common single fluid column approach.

It looks nice, it supports pretty much every interesting email client, but it also comes with some directions based on real world experience.

  • Stopping Apple mail clients from turning bits of your content that look like dates or phone numbers or addresses into ugly blue links
  • Avoiding the Hotmail “why is my text green?” issue
  • Making Yahoo desktop show the desktop version, not the mobile version of the content
  • Maintaining your brand colours and fonts on gmail

The Antwort documentation also has lots of good links and advice on HTML authoring for email. Well worth a look.

1 comment

  1. Justine Jordan says

    Julie Ng (https://twitter.com/jng5) is the brain behind this framework and she’s amazing. Lots of thought and experience went into these. I’m sure she appreciates the shout out!

Comment:

Your email address will not be published. Required fields are marked *

  • Blogging

    It's been a wild week here in the US. I have to admit, the current political climate is affecting my ability to blog about email. I've always said email is not life or death. And how can I focus on the minutia of deliverability when things are in such turmoil and uncertainty? There are many things I want to write about, including some resources for those of us who are struggling with the current administration and changes in the US. What we can do. What we must do.  It just takes work and focus I don't have right now.    1 Comment


  • Email trends for 2017

    Freshmail has published a list of email marketing trends for 2017 from some of their favorite experts. I am honored to be included. Go check it out!No Comments


  • AOL FBL change

    Reminder for folks, AOL is changing their FBL from address starting on Jan 17th. AOLlogoForBlogThe (in)famous scomp@aol.net is going away to be replaced by fbl-no-reply @ postmaster.aol.com. These messages will be signed with the d= mx.postmaster.aol.com. Time to update your scripts!No Comments


Archives