Technology

Email Design Podcast – Litmus Software, Inc.

Litmus Software, Inc.

Company Blog

Episodes

Email Design Podcast #76: Litmus Community Q&A Rapid Fire
2017-09-22 13:52:00 UTC
Email Design Podcast #76: Litmus Community Q&A Rapid Fire

In the 76th 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 Yahoo! Mail alignment issues, Apple Pay in email, best practices for reply-to addresses, image compression and optimization, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

  • (0:36) Code yourself vs. WYSIWYG editor: If you are comfortable with HTML/CSS and overcoming email client quirks, coding yourself gives you more flexibility than you have when using a WYSIWYG editor. However, if non-technical users have to build emails, WYSIWYG editors may be a better option. For WYSIWYG editors, our favorites include Taxi for Email, StampReady, BeeFree, and Campaign Monitor’s Canvas.
  • (3:28) Yahoo! alignment issues: Previously, Yahoo! Mail required table-layout: fixed; on wrapper tables as a hack to center the layout. This hack is no longer needed and can be achieved by ensuring you have align=”center” on the proper table cells.
  • (4:35) Can you use Apple Pay in email? No, Apple Pay isn’t supported in any email client currently as it relies on JavaScript to implement. We expect that to change in the future and predict Apple will add that functionality natively to iOS Mail at some point.
  • (6:45) Can I open any native calendar app with a link? Apart from any native functionality built into a client, it is not possible to open the native calendar app. But, you can for instance link to an .ics file or Gmail calendar event and have a blank event to get users to a calendar.
  • (9:19) Featured Jobs: Email Developer at King Arthur Flour | Freelance Email Developer at REBEL | Digital Marketing Specialist, Email Marketing at National Geographic
  • (11:37) What are best practices for reply-to email addresses? We always recommend providing an email address for subscribers to respond to you. We strongly advise against using no-reply addresses.
  • (13:51) What is the best method for image compression? Use JPEGs for photos and PNGs for more vector type images. Saving JPEGs at 80% or using PNG-8 instead of PNG-24 are quick ways to reduce file size. Image compression services like ImageOptim, Kraken, TinyPNG, or JPEGMini can come in handy for optimizing your images, too. You can also use the srcset attribute to progressively enhance to more retina images for retina environments. Compressive images—scaling an image up to 4x the desired display and saving at 0%-10%—is another method you could look into, though this technique is ever-changing with increasing pixel density devices.
  • (17:18) Is there a reliable method to identify dynamic content in an email? Unless you can see that assets are being hosted by third-party dynamic content services like Movable Ink or LiveClicker, there is no direct method to identify dynamic content. Any absolute URL to an external asset can in nature be dynamic as the content can be updated at any point.

Follow the Email Design Podcast

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.

The post Email Design Podcast #76: Litmus Community Q&A Rapid Fire appeared first on Litmus Software, Inc..

Email Design Podcast #75: A Truly Table-less Email Layout and Litmus Launches A Chrome Extension
2017-09-22 13:52:00 UTC
Email Design Podcast #75: A Truly Table-less Email Layout and Litmus Launches A Chrome Extension

In the 75th episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez talk about a truly table-less email layout, Litmus’ new Chrome extension, using Typekit fonts in email, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #75: A Truly Table-less Email Layout and Litmus Launches A Chrome Extension appeared first on Litmus Software, Inc..

Email Design Podcast #74: Litmus Community Q&A Rapid Fire
2017-09-22 13:52:00 UTC
Email Design Podcast #74: Litmus Community Q&A Rapid Fire

In the 74th 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 images inheriting its parent container width in Outlook, background image support in the Android native mail app, forcing Gmail App to be the width of the full viewport, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

  • (0:30) Getting images in Outlook to respect their container’s size? Unfortunately there’s no method of getting images to default to its parent container for Outlook 2007-2016. The image must be the desired dimensions itself or the dimensions must be set as HTML attributes on the image tag.
  • (2:47) Swapping an animated GIF with an alternate static image for all Outlook users on PC? The easiest way to implement this is to use Microsoft Outlook conditional comments to hide the animated gif for all other clients and only display the static fallback image for Outlook. This can easily implemented by doing <!–[if (gte mso 9)|(IE)]>Insert static fallback image here<![!endif]–> <!–[if (gte mso 9)|(IE)]> <!–> Insert animated gif here <!–<![!endif]–>
  • (4:53) Can you wrap anchor tags around entire tables? Although this is supported in HTML5, it wasn’t previously and thus many email rendering engines do not support this—notably Outlook, which won’t render the link functionality at all. It is best practice to link the individual elements inside of a table instead.
  • (6:55) Media query support on Android – Gmail App – Exchange account Since this is a non-Gmail account, Gmail does not support media queries and strips them out. It is best to use a mobile-first approach to email like the hybrid/spongy technique.
  • (8:22) Are media queries supported on Android 6? For Android 4.4 and below, Android used its stock native Android OS email app. For Android 5.1 and above, Android switched to using Gmail app as its default mail app. The stock native Android OS email app still exists as a part of the OS, but is not installed by default and unlike Android 4.4 and below it no longer supports media queries. You can learn more with our resources: The Ultimate Guide to Email on Android, 3 Keys to Understanding Email Rendering on Android, and Everything You Need to Know About Gmail Rendering [Webinar].
  • (12:22) Background Image Not Working in Android 5.1 and 6 The stock native Android OS email app does not support background images of any kind, including inline CSS and HTML attribute backgrounds.
  • (13:51) Background Color Not Full Width in Gmail apps for iOS, Solution The iOS Gmail App has a weird right-hand gap but can be overridden with Gmail targeting. Simply use u + .body { } and add a class of body to the <body> tag (<body class=”body”>) and then set a full viewport width: u + .body { width: 100vw !important; }. Additionally, you could target Gmail by doing u ~ div { } as your selectors instead. Then just simply wrap this is a media query (recommend 480px) so it’s only applicable to mobile versions of Gmail. The doctype is processed into an underline tag (<u>) which makes Gmail targetable.
  • (15:51) Refresh Image Within Email HTML (css/checkbox etc…) Having implemented dynamic email at Litmus before, we are unaware of any method where content can update/refresh inside the same session of an email. The problem stems from the fact that all assets are downloaded when an email is opened. Using the checkbox hack to hide/show elements doesn’t force a reload of those assets. This is definitely an area to continue to explore and research for email though!
  • (17:46) How do I view email HTML on mobile clients? In Litmus, you can take any Email Preview screenshot generated and change the .png extension to .html to grab the processed code of that individual email client. So you can see what Gmail App (Android) does to your code for instance. This is a hidden “secret” feature of Litmus at the moment and is not officially supported. Do not expect complete support among all clients or 100% uptime.

Follow the Email Design Podcast

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.

The post Email Design Podcast #74: Litmus Community Q&A Rapid Fire appeared first on Litmus Software, Inc..

Email Design Podcast #73: 5 Tips for Making More Accessible Emails
2017-09-22 13:52:00 UTC
Email Design Podcast #73: 5 Tips for Making More Accessible Emails

In the 73rd episode of The Email Design Podcast, Jason Rodriguez gives his top five tips for making your HTML email campaigns more accessible. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Some helpful links for making your email campaigns more accessible.

#5: Using ALT text

#4: Using semantic elements

#3: Color contrast and size

#2: Using live text

#1: WAI-ARIA attributes

Follow the Email Design Podcast

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.

The post Email Design Podcast #73: 5 Tips for Making More Accessible Emails appeared first on Litmus Software, Inc..

Email Design Podcast #72: Orange.fr and SFR.fr Rendering and Outlook.com Unveils a New UI
2017-09-22 13:52:00 UTC
Email Design Podcast #72: Orange.fr and SFR.fr Rendering and Outlook.com Unveils a New UI

In the 72nd episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez talk about rendering for Orange.fr and SFR.fr, ESP Syncing in Litmus Builder, and a new UI for Outlook.com. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #72: Orange.fr and SFR.fr Rendering and Outlook.com Unveils a New UI appeared first on Litmus Software, Inc..

Email Design Podcast #71: Animated GIF Support in Windows 10 Mail and Faking Video in Email with CSS Animated Sprites
2017-09-22 13:52:00 UTC
Email Design Podcast #71: Animated GIF Support in Windows 10 Mail and Faking Video in Email with CSS Animated Sprites

In the 71st episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez announce the support of animated GIFs in Windows 10 Mail, the resolution of image gaps bug in Outlook.com and Office 365, faking video in email with CSS animated sprites, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #71: Animated GIF Support in Windows 10 Mail and Faking Video in Email with CSS Animated Sprites appeared first on Litmus Software, Inc..

Email Design Podcast #70: Using Fractional Pixels, External Stylesheet Support, and Print Styles for Email
2017-09-22 13:52:00 UTC
Email Design Podcast #70: Using Fractional Pixels, External Stylesheet Support, and Print Styles for Email

In the 70th 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 incorporating plain text versions, using fractional pixel values, external stylesheet support, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #70: Using Fractional Pixels, External Stylesheet Support, and Print Styles for Email appeared first on Litmus Software, Inc..

Email Design Podcast #69: Should We Stop Inlining CSS or Using Table-Based Layouts?
2017-09-22 13:52:00 UTC
Email Design Podcast #69: Should We Stop Inlining CSS or Using Table-Based Layouts?

In the 69th episode of The Email Design Podcast, Kevin Mandeville asks the question: Should we stop inlining CSS or using table-based layouts? Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #69: Should We Stop Inlining CSS or Using Table-Based Layouts? appeared first on Litmus Software, Inc..

Email Design Podcast #68: iOS 11 Beta Removes Support for HTML5 Video and Google to Stop Reading Your Emails
2017-09-22 13:52:00 UTC
Email Design Podcast #68: iOS 11 Beta Removes Support for HTML5 Video and Google to Stop Reading Your Emails

In the 68th episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez discuss the possibility of iOS 11 dropping support for HTML5 video, Yahoo! Mail getting a brand new redesign, Google to stop reading your Gmail emails, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

  • (0:31) iOS 11 beta does not support HTML5 video: After a storied history, it looks like iOS may be dropping support for the <video> tag once again.
  • (4:25) Yahoo! Mail gets a redesign: There aren’t any public statements of changing to the underlying rendering engine, but we always need to be on the lookout when such changes arise.
  • (8:07) Google to stop reading your emails: All Gmail users will no longer have their emails scanned by Google for ad re-targeting. Ads will continue to appear inside the free version of Gmail, as promoted messages. But instead of scanning a user’s email, the ads will now be targeted with other personal information Google already pulls from sources such as search and YouTube.
  • (14:46) Duotone filter images: Kim and Chris from AWeber created this free nifty tool to generate duotone images for emails.
  • (16:30) Paperplane email templates: These premium email templates, with support for MailChimp and Shopify, are some of our favorite designed templates to date—not to mention Litmus-tested.
  • (19:20) Topol: Another easy-to-use drag-and-drop editor based off customizations from the MJML framework.
  • (22:07) Email of the Week: Fargo is Back

Follow the Email Design Podcast

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.

The post Email Design Podcast #68: iOS 11 Beta Removes Support for HTML5 Video and Google to Stop Reading Your Emails appeared first on Litmus Software, Inc..

Email Design Podcast #67: Implementing Transparency, Using @supports, and Embedding HTML5 Video in Email
2017-09-22 13:52:00 UTC
Email Design Podcast #67: Implementing Transparency, Using @supports, and Embedding HTML5 Video in Email

In the 67th 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 implementing transparency in email, using the @supports query, embedding HTML5 video, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.

Download the MP3

In this episode:

Follow the Email Design Podcast

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.

The post Email Design Podcast #67: Implementing Transparency, Using @supports, and Embedding HTML5 Video in Email appeared first on Litmus Software, Inc..