E-mail is veel ouder dan internet; geïntroduceerd in 1972, iedereen die ooit heeft geprobeerd te ontwerpen voor e-mail kan worden vergeven voor de veronderstelling dat het sindsdien geen update heeft gehad. Het is nog steeds routinematig om lay-out in e-mail te beheren met HTML-tabellen, flexbox-ondersteuning te vermelden bij een ontwerper van e-mail en deze lachend te zien rollen.

Dat gaat allemaal veranderen, omdat Google, leverancier van een aantal van de favoriete e-mailclients van het internet, net een grote update heeft aangekondigd die uiteindelijk een responsief e-mailontwerp mogelijk maakt. De update is van invloed op verschillende afzonderlijke e-mailclients, allemaal mogelijk gemaakt door Gmail, voor internet, desktop, Android en iOS.

Wat er daadwerkelijk wordt geïntroduceerd, is tweeledig: ten eerste ondersteunen de clients van Gmail nu CSS-mediaquery's; ten tweede ondersteunen de clients van Gmail nu externe stijlbladen.

De clients van Gmail ondersteunen nu CSS-mediaquery's

Niet alle mediaquery's worden ondersteund. Google heeft een aantal e-mailontwerpers geraadpleegd en zich gebogen over drie belangrijke mediaquery's: breedte, rotatie en resolutie. Deze werden geselecteerd op basis van hun waarde bij het helpen bij responsief ontwerp. Google heeft volledig de volledige ondersteuningsgegevens in hun Gmail-documentatie .

De enorme impact die mediaquery's onvermijdelijk zullen hebben, heeft de andere belangrijke introductie, die externe stylesheets zijn, enigszins overschaduwd. Dit betekent dat CSS-stijlen niet langer inline hoeven te zijn, waardoor de e-mail die u verzendt, aanzienlijk wordt verkleind.

CSS-stijlen hoeven niet langer inline te zijn

De wijziging staat al enkele jaren op de verlanglijst van Google, maar er is op gedrukt om de wijziging aan te brengen om dominant te blijven in de markt; er zijn enkele uitstekende alternatieven voor Gmail zoals Polymail en de snelle opkomst van speling heeft een revolutie teweeggebracht in zakelijke communicatie.

Google is niet de eerste die CSS-mediaquery's toepast voor hun e-mailclients, en er zijn nog steeds een aantal belangrijke e-mailclients die deze niet ondersteunen. Het eerdere gebrek aan ondersteuning van Gmail werd echter door velen beoordeeld als het laatste grote struikelblok voor responsief e-mailontwerp.

Ja, je hebt nog steeds Outlook om mee te kampen - een ervaring die zo slecht is dat je zou denken dat Microsoft grote belanghebbenden in een app voor het beheren van berichten was. Maar op dezelfde manier zijn er nog steeds mensen die browsen op internet in IE6. Progressieve verbetering stelt ons in staat om moderne technieken op het web te gebruiken zonder aluds te vervreemden, en hetzelfde geldt voor e-mail. Er is niets om te zeggen dat niet-responsieve e-mailclients geen platte tekst kunnen gebruiken.

Gezien het aantal e-mails dat op mobiel wordt geopend - vorig jaar werd gemeld dat tweederde van alle e-mails die in de VS werden ontvangen op mobiele apparaten werden geopend - dit voorschot kon niet snel genoeg worden.

De responsieve update voor Gmail-clients zal tegen het einde van de maand wereldwijd worden uitgerold.