Gmail gets responsive design support
Life is about to get a whole lot better for email marketers and designers.
That’s because Google recently announced that by the end of this month, Gmail will support CSS media queries, making true responsive design a reality for the popular email service.
In a blog post, Google’s Pierce Vollucci and Steve Bazyl explained that based on feedback from email designers, Gmail will first support media queries based on width, orientation and resolution, but noted “this is just one part of an overall effort to expand CSS support in Gmail and to give email designers more control over how their messages are rendered,” hinting that additional niceties could be on the way as well.
Media query support couldn’t come soon enough. By most estimates, the majority of emails are now opened on mobile devices, making it imperative for email marketers to deliver emails that look good when read on these devices. Frequently, doing that has involved less-than-ideal workarounds. For example, some have taken mobile-first and even Gmail-first approaches to email design.
With Gmail adding media query support, email testing platform Litmus says two-thirds of email clients will now support responsive design. According to Litmus’ Kevin Mandeville, the implications of this are significant.
Most notably, he says that Google’s move will reduce the need for “hacky layout structures.” It could also encourage holdouts to make changes that bring us closer to a standard for email. “We hope this becomes the norm with other email clients like Windows Phone following suit,” Mandeville wrote.
He also noted that Google is adding support for a number of CSS font and background properties, so email designers will have more typography options and be able to take advantage of “scalable and responsive background images.”
Another major development that will have email marketers and designers jumping for joy is that Google is also now supporting <style> blocks. Amazingly, Gmail was the only remaining major email client that didn’t support these, forcing the use of CSS inlining. With <style> blocks now supported, CSS inlining will soon be a thing of the past.
Lucy helps organizations leverage knowledge for in... View Tech Talk
TVSquared is the global leader in cross-platform T... View Tech Talk
Grata is a B2B search engine for discovering small... View Tech Talk
Streaming has become a staple of US media-viewing ... Download Now
Data is the lifeblood of so many companies today. ... Download Now
This report documents the findings of a Fireside c... Download Now
Customers decide fast, influenced by only 2.5 touc... Download Now
Streaming has become a staple of US media-viewing habits. Streaming video, however, still comes with a variety of pesky frustrations that viewers are ...
View resourceData is the lifeblood of so many companies today. You need more of it, all of which at higher quality, and all the meanwhile being compliant with data...
View resourceThis report documents the findings of a Fireside chat held by ClickZ in the first quarter of 2022. It provides expert insight on how companies can ret...
View resourceCustomers decide fast, influenced by only 2.5 touchpoints – globally! Make sure your brand shines in those critical moments. Read More...
View resourceIt doesn’t kill us – it makes us stronger Read More...
View articleAccording to a study by Fospha, Meta is the largest and only channel that can provide the necessary scale for most brands Read More...
View articleIoT technology is changing online marketing, but legal and market forces are making matters complex Read More...
View articleDespite being tanked by the pandemic and testing positive, just a few weeks later my business had one of the strongest financial months of my career. ...
View articleThe pandemic threatened the core of Humanscale’s business model. Here’s how they used DAM technology to target an entirely new market in just two week...
View articleWhat radical changes should advertisers expect in a post-COVID world that is technology-led and rapidly changing? And how should they best prepare the...
View articleVal Vacante highlights the epic growth in contactless payments and how app-free experiences are the ultimate helper for retailers and shoppers Read Mo...
View articleFrom CRMs, and messaging platforms to online courses, here's how traditional providers in insurance and mortgages are using technology more effectivel...
View article