The Hybrid Coding approach as discussed earlier is a fluid concept by definition a hybrid is a refined mix of styles, it is in a state of flux and moves with this industry. The “mobile revolution” aka natural progression for email, is opening the doors for very advanced dev work. We have seen some great innovation recently, like HTML 5 video, CSS games, interactive carousels and more.
The nature of responsive email means that as the content container gets smaller, we really need to retain control of how the things inside it move around. This includes text, which has a habit of expanding in different environments and so we are used to making it flexible.
Carried out a quick experiment in the lab this morning. Been tinkering with a very simple and clean web framework called lemonade. It then occurred to me that this sort of thing could be a great yardstick to show how differently mailclients will render an up to date, responsive, web code HTML grid.
Microsoft Outlook is a place email marketers know and fear. The bugs are well documented and crazy making at times. However, they have also been kind enough to have their own special language which is only understood by them and ignored everywhere else.
One of the advantages of the column splitting method as described in a previous post is that we can perform miracles such as getting content to stack from left to right OR right to left. In fact we can get intense about it and switch content around at seemingly at will, crucially without the need for duplication.
The table align method as described in an earlier blog post is a great way to optimise emails consistently in mobile devices. The huge drawback is that MS Outlook doesn’t really care much for tables floating around side by side. It can cause all kinds of strange things to happen across the full range of MS Outlooks. Continue reading
There are 2 key methods to shift the layout of your mobile email using media queries. Here we illustrate and explain both with advantages and disadvantages.
Note – this is an improved fix over our previous Outlook background fix.
This fix is something I’ve been looking at for a while – and allows html emails to display a full page background image in both outlook 2007 and webmail clients, and for the background image to degrade to a background colour when images are disabled.
In the spirit of Jason Rodriguez’ excellent “Email as an open book” post, we’ve decided to launch our own Labs blog. Here we’ll be discussing common code methods, looking at responsive email techniques and posting experiments in new email code. Over time we’ll also bring over and update some of the HTML based articles from Email Design Review.
Please drop us a comment to let us know what you’d like to see covered, and follow @actionrocket for updates.