In the 82nd episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez answer recent questions from the Litmus Community in a rapid fire format, including topics on iOS Mail scaling fixes, rounded images in Outlook Windows, Gmail threading styling, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.
In this episode:
- (0:53) Does Outlook iOS use Microsoft Word as a rendering engine? No, in contrast to their Windows desktop counterparts, the Outlook apps (both iOS and Android) don’t use Microsoft Word for rendering but are powered by a WebKit-based rendering engine. That’s why Outlook conditional comments or VML that are often used to target Outlook on desktop aren’t supported on the mobile apps.
- (2:25) iPhone 7 on iOS 11 not responsive: If you experience any scaling issues on iOS 10 or above, simply include
<meta name="x-apple-disable-message-reformatting">in your <head> as a simple fix.
- (3:50) Can you do rounded images in Outlook Windows? Yes, but since border-radius isn’t supported on Outlook Windows you have to use VML to achieve this effect on images. Here is the sample code.
- (6:43) How to avoid Gmail purple text styling? This is caused by Gmail threading styling where it highlights duplicate copy from previous emails in a thread. If you delete all previous instances of a thread you will not encounter this purple text styling. Alternatively, you could turn off conversation view in Gmail in your settings.
- (10:13) Featured Jobs: HTML Email Developer at Stream Companies | Email Developer at Digital Additive | Email Marketing Specialist at ThousandEyes | Email Marketing Analyst at Digital River
- (11:44) Can you build interactive emails in MailChimp? No, unfortunately MailChimp does not support interactivity in emails with the typical :checked selector and checkboxes/radio buttons – it strips that code out. But, you can use the filmstrip technique which uses named anchors instead.
- (14:43) What is the latest default mail app on the most recent Android Oreo update? For Android 5.1 and above, the default installed mail app is the Gmail app (except for a couple of vendors like Samsung who have their own bespoke client). Android 4.4 and below used the native email app of the Android OS. Check out The Ultimate Guide to Email on Android and 3 Keys to Understanding Email on Android to learn more.
- (17:39) How to get a full width layout on Gmail iOS? To remove the 20px of padding on the right-hand side, you can target the Gmail app with some CSS to force a full width on the body.
Follow the Email Design Podcast
- Follow on SoundCloud
- Subscribe on iTunes
- Subscribe on YouTube
GET THE LATEST DELIVERED STRAIGHT TO YOUR INBOX
Want to get more tips and advice like this? Subscribe to our weekly newsletter and get the latest content for email design pros delivered straight to your inbox. Every week.