Exciting news for email geeks everywhere!
Gmail has announced they will be supporting CSS in email which means Gmail will now be mobile responsive.
- Query the screen size
- Be able to define how content should be arranged
- Show or hide certain pieces of content
- Code a style in the head tag and then read it out throughout the email.
This means more:
- HTML5 video headers
- Expandable menus
- Sliders and galleries
- Rotational banners
And more interactive emails!
Check out these useful resources:
The Official Gmail Blog:
Developers: Assorted media queries, example code, as well as markup, etc:
Litmus blog post, of course, their tools for testing, how all this stuff works, are excellent: