News Ticker

New Responsive Design for Email in Latest Gmail App Update

New Responsive Design for Email in Latest Gmail App Update

According to the International Business Times, Google is updating Gmail and Inbox By Gmail apps for smartphones. You can expect to see more compatible email for your phone. Each e-mail will appear custom-made for the screen. The new responsive design eliminates the need to zoom-in or out. You won’t have to tap links either to view it. The app will automatically adjust the email’s formatting when the ‘restore down’ window feature is used, just like desktop browsers do. The Next Web, considers e-mail created with responsive design a new type of web content. Google offers some advice for e-mail designers on their developer blog.

Here’s a copy of the latest post from Pierce Volluci (Associate Product Manager, Gmail) and Steve Bazyl (Developer Programs Engineer, Google Apps):

When you send emails, your recipients might read them on a computer, tablet, or phone—or more likely, all three. However your message might look different on all these devices. Later this month, you’ll be able to use CSS media queries with Gmail and Inbox by Gmail to ensure that your message is formatted the way you intended, whether it’s viewed on a computer, a phone in portrait mode, or a tablet in landscape mode. You’ll be able to change styles based on width, rotation, and resolution, allowing for more responsive formatting to optimize your email for every device.

In discussions with email designers, these supported CSS rules were identified as the most useful media queries to support responsive design. 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. For example, the CSS below applies the color red when the screen width exceeds 500px.

@media screen and (min-width: 500px) {
.colored {
color:red;
}
}

For more details, check the developer documentation.

New Responsive Design for Email in Latest Gmail App Update
About Vasanth Simon (916 Articles)
@VasanthSimon1

Leave a comment