Email designers have long sought to build campaigns for every device. Especially today, when roughly half of all email opens happen on mobile devices, it’s important to design an experience that works well across different form factors. While this used to be a difficult task (and still is for some email clients), media queries can make this task easier.
In the 77th episode of The Email Design Podcast, Kevin Mandeville and Jason Rodriguez examine email rendering in iOS 11, break down the return of media query support to the Outlook apps, introduce a new reset for overriding Gmail blue links, and more. Be sure to follow along and join in the discussion on Twitter using #EmailDesignPodcast.
Inconsistent media query support in Outlook’s mobile apps has been causing email designers and developers quite some headaches. Today, things are changing: We are super excited to announce that media queries in the Outlook iOS and Android apps for all account types are now supported!
As an email designer, it’s your job to build the best subscriber experience, both in form and in function. This means optimizing for an email world that is constantly evolving. It’s crucial to stay on top of the latest updates in the email world, especially when those changes—like new apps and updates to HTML and CSS support—can affect your carefully designed campaigns. Stay up to date with the 2017 State of Email Report, designed to help you build better email in 2017.
With more than 100 million active accounts, Mail.ru is the largest email provider in Russia. If you’re sending email to subscribers in Russia and Eastern Europe, it’s likely that a significant portion of your subscribers opens their emails in the Mail.ru web client. Here’s what you need to know.
Update: Gmail Rolls Out Support for Responsive Design, Improved Font Styling + CSS for Accessibility
Email designers, it’s time to rejoice. Gmail is changing—big time. On August 31, 2016, Gmail began supporting the CSS property display: none;. And today, Gmail announced they will begin supporting <style> and media queries later this month.
There’s a lot of confusion around what designers mean when they talk about responsive and hybrid HTML emails. This post looks at the differences between the two techniques, and weighs the pros and cons of each.
In our Responsive Email 101: HTML and CSS Basics webinar, we took a look at the mobile email landscape, the foundations of creating responsive emails, and why these techniques are crucial to improving the subscriber experience. We also covered email client support and demonstrated how to code a responsive email from scratch. We had a full house for the webinar, so while we tried to answer as many questions as we could during the Q&A portion, we weren’t able to get to them all. In this post, we round up some of the most commonly asked questions.
When it comes to doing email right, there’s a lot to consider: the from name, subject line, reply address, preheader, content—even landing pages and more! This collection of email best practices in action—complete with plenty of examples—will help you check all the boxes.
With 100 employees and only five people in their promotions/marketing department (none of whom are focused solely on email!), Edinburgh Bicycle was still able to optimize their emails for viewing in mobile, desktop, and webmail environments. Despite their limited resources, responsive design was a must for them and they accomplished their mobile goals!