Connexion
Abonnez-vous

Gmail et Inbox supporteront bientôt les emails responsive design

Lâchez ces tableaux HTML tout de suite !

Gmail et Inbox supporteront bientôt les emails responsive design

Le 15 septembre 2016 à 10h00

Gmail et Inbox afficheront bientôt correctement les emails conçus en responsive design, qui s'adapte selon la taille de l'écran. Une nouveauté qui semble arriver bien tard pour l'un des principaux services email mondiaux.

L'objectif principal de cet ajout est, bien entendu, d'améliorer la lecture des emails sur les smartphones en s'adaptant à la taille de l'écran. Comme sur les sites responsive web design qui se sont multipliés au cours des dernières années, cela profitera également aux tablettes et aux ordinateurs. Pour faire simple, le contenu de l'email pourra s'adaptater à la largeur de l'écran afin de proposer une version facilement lisible et accessible.

Bien évidemment, pour que cela fonctionne, il faut que l'email soit spécialement prévu pour avec des feuilles de style en cascades (CSS). Cela ne changera par exemple rien pour les quelques lignes que vous envoyez à vos contacts. Google explique que les règles supportées par son client email ont été décidées lors de discussions avec des développeurs, mais que cela pourra évoluer au fils du temps. Pour ceux qui voudraient plus de détails, de la documentation technique est disponible par ici.

La mise en place de cette fonctionnalité arrivera dans le courant du mois, enfin diront certains. Reste tout de même une inconnue : quels seront exactement les clients et les plateformes concernés par cette prise en charge, le billet de blog ne le précise pas.

Gmail CSSGmail CSS
Sans responsive design et avec

Commentaires (47)

Vous devez être abonné pour pouvoir commenter.

Abonnez-vous
votre avatar

Vieux motards que j’aimais …&nbsp;<img data-src=" />

votre avatar

J’imagine que toute la subtilité de la chose consiste à permettre l’utilisation d’attributs de mise en forme supplémentaire tout en ne flinguant pas l’interface du client web ?

votre avatar

connaissais pas les mails ‘responsive’.

Tant que ça n’autorise bien que l’ajout de css, et pas d’autres choses (genre javascript), c’est cool. A voir quand même le risque de ‘hack’ du client web (genre un attribut css qui changerait un boutin de l’interface hôte poue le remplacer par son ptit truc bien sale pour pirater le compte.



Sinon, ce CSS dans les mails, c’est quelque chose de ‘standard’ (et déjà existant) chez les autres clients mails ?

votre avatar

Franchement il serait temps ça fait quand même une plombe qu’une bonne partie des clients mails gèrent ca correctement (on est obligé de faire du CSS spécial pour gmail et Outlook -___-)

votre avatar



Lâchez ces tableaux HTML tout de suite !





Microsoft qui avait choisis pour outlook 2007-2010 d’utiliser le systeme de rendu de word pour le html…&nbsp;

Ils sont tellement grandiose parfois…&nbsp;

votre avatar

Et ça n’a pas changé…..

votre avatar







brazomyna a écrit :



connaissais pas les mails ‘responsive’.

Tant que ça n’autorise bien que l’ajout de css, et pas d’autres choses (genre javascript), c’est cool. A voir quand même le risque de ‘hack’ du client web (genre un attribut css qui changerait un boutin de l’interface hôte poue le remplacer par son ptit truc bien sale pour pirater le compte.



Sinon, ce CSS dans les mails, c’est quelque chose de ‘standard’ (et déjà existant) chez les autres clients mails ?





Pour le javascript via un routeur d’email c’est dur à envoyer. Tout ce fait en CSS soit dans la balise “head” soit en inline car certains clients de messagerie ne lise pas les balises head, il commence à la balise “html”



Ça fait des plombes que Yahoo et le client Apple, lisent les emails en responsive, par contre Outlook sur PC et mobile, non.


votre avatar
votre avatar

“gèreront” pas “supporteront”

votre avatar

Vu que je lis tous mes mails en texte brut, html désactivé, ça ne changera rien pour moi&nbsp;<img data-src=" />

votre avatar







alex.d. a écrit :



Vu que je lis tous mes mails en texte brut, html désactivé, ça ne changera rien pour moi&nbsp;<img data-src=" />





on est bien content de l’apprendre <img data-src=" />


votre avatar

cool ca m’interesse etant un grand utilisateur de gmail oui je sais bla bla le respect de la vie prive mais google et yahoo sont a des années lumieres de la plupart de leurs concurents

votre avatar

La balise html contient la balise head. Je pense que tu voulais dire qu’ils commencent à la balise body.&nbsp;

votre avatar

bien vu, je m’étais trompé <img data-src=" />

votre avatar

Et à quand la fin des mails qu’on ne peut pas lire d’un bloc, mais qui nécessitent un clic pour avoir la fin du mail ? (les alertes vente-privee, par exemple). Gmail n’est vraiment pas, mais pas du tout une merveille d’ergonomie, c’est dingue….

votre avatar

perso j’ai horreur du responsive design, je n’aime pas me pointer sur un site (amazon, ebay&nbsp; ou autre) et me retrouver avec une expérience utilisateur différente de celle “habituelle” alors que les navigateurs de mobiles et tablettes sont capables d’afficher n’importe quel site avec une fonctionnalité de zoom super fluide…

Le grand paradoxe c’est que sur les sites mobiles les entetes et pied de page sont tellement gros que bien souvent on affiche moins de choses que sur le site normal…

&nbsp;

Quand on héberge un site autant garder son pognon pour autre chose…

votre avatar







schmurtz a écrit :



perso j’ai horreur du responsive design, je n’aime pas me pointer sur un site (amazon, ebay&nbsp; ou autre) et me retrouver avec une expérience utilisateur différente de celle “habituelle” alors que les navigateurs de mobiles et tablettes sont capables d’afficher n’importe quel site avec une fonctionnalité de zoom super fluide…

Le grand paradoxe c’est que sur les sites mobiles les entetes et pied de page sont tellement gros que bien souvent on affiche moins de choses que sur le site normal…

&nbsp;

Quand on héberge un site autant garder son pognon pour autre chose…





Ton besoin va à l’encontre du marché et des “guidelines” définie par les pontes (Google par exemple) .



Déjà le responsive fait plaisir à la majorité des utilisateurs car l’expérience est optimisé pour le terminal. Enfin Google de toute manière te met la misère en SEO si tu es pas responsive donc maintenant plus le choix :)


votre avatar







OlivierJ a écrit :



Si on pouvait éviter cet anglicisme qu’est &nbsp;”[user]&nbsp;experience” et qui se répand ces dernières années… En l’occurrence dans ta phrase on dirait plutôt “le rendu”, et dans d’autres cas on dirait la perception utilisateur (pour user experience) ou tout simplement l’ergonomie.



Comment est-ce que Google estime qu’une page est “responsive” (-&gt; adaptative) ?





Et tu envoie des courriels depuis ton téléphone intelligent (ordiphone?) ? <img data-src=" />

Pas de stress, ya Point S et de plus, la langue Française ne va pas disparaître pour si peu.



&nbsp;Quant-à Google, il suffit de lire le CSS d’une page pour savoir si elle est responsive ou non&nbsp;<img data-src=" />


votre avatar







Pumpk1in a écrit :



Et tu envoie des courriels depuis ton téléphone intelligent (ordiphone?) ? <img data-src=" />





Il m’arrive en effet d’envoyer des courriels ou des messages depuis mon mobile (plus simple).







Pumpk1in a écrit :



Quant-à Google, il suffit de lire le CSS d’une page pour savoir si elle est responsive ou non&nbsp;<img data-src=" />





Ah oui, et selon quel critère ?

&nbsp;


votre avatar







OlivierJ a écrit :



Il m’arrive en effet d’envoyer des courriels ou des messages depuis mon mobile (plus simple).

&nbsp;





Tu es seul.&nbsp;<img data-src=" />





OlivierJ a écrit :



Ah oui, et selon quel critère ?

&nbsp;





Au hasard, les règles medias queries ? &nbsp;Euh, les requêtes médias&nbsp;<img data-src=" />


votre avatar

Etant donné que les plupart des mails conçu ainsi sont des mails publicitaires, franchement, on s’en moque.

En effet, les mails qui m’intéressent vraiment (moi et ceux qui comme moi se contrefichent de ce que racontent les gens avec lesquels nous n’avons pas d’interaction particulière, autrement dit tous ceux de mon entourage), ce sont des mails écrits avec des mots. Des phrases. Du sens.



Je suis bien loin de toutes vos préoccupations. Et étrangement 99% de planète également. ^^



(ne le prenez pas mal).

votre avatar

Publicitaire ou promotionnel. Une belle mise en page qui met valeur un produit ou un événement ça compte. Il n’y a pas que toi sur la Terre, il y a aussi des professionnels et des artistes pour qui le responsive design dans les mails peut être un plus pour leur communication.

votre avatar

Non, il n’y a pas que lui, il y a moi aussi et j’ai le même avis.

Un mail de pub ou de promo, je jette un coup d’œil rapide pour voir si ce qu’il promeut peut m’intéresser, si c’est le cas (ce qui rare), je vais sur le site vers lequel il envoie, sinon (donc la majorité des cas), il est détruit sans que j’attache la moindre attention à la forme.

votre avatar

@fred_gaou&nbsp;&nbsp;Je suis d’accord, cela ne retire en rien leurs talents. C’est important de le dire.




  Mais cela concerne à peine 1% des humains sur cette planète (et encore je suis large).        

Donc raison garder il faut.






  Ce truc, on s'en moque. C'est sans doute pour cela que cela n'arrive "que" maintenant sur les systèmes Google, qui lui ne vise pas 1% des humains, mais bien davantage.
votre avatar

Je suis d’accord sur le fait qu’ils sont bien gentil chez google avec leur client mail en ligne avec interface et fonctionnalité “innovente” mais comme je disais plus haut:







fred_gaou a écrit :



Ouai… S’il pouvait en profiter pour ajouter le support d’accusé réception comme sur les client mail locaux (thunderbird, etc.) + ajouter la création de véritable adresse anti-spam comme yahoo, ce serait un net progrès. Leur alias, c’est sympa pour filtrer et organiser les mails mais question anti-spam, c’est pipi de chat.





votre avatar







fred_gaou a écrit :



Ouai… S’il pouvait en profiter pour ajouter le support d’accusé réception comme sur les client mail locaux (thunderbird, etc.) (…)







En fait ça existe déjà les accusés de lecture pour GMail, mais c’est réservé à Google Apps for Works/Education/Government.

Après ça a ses limites.



Par contre, curieusement, je n’ai pas trouvé l’option dans le menu de mon mail du boulot en GApps… peut-être que l’admin des boîtes mail doit activer une option ?!?


votre avatar







fred_gaou a écrit :



Ouai… S’il pouvait en profiter pour ajouter le support d’accusé réception comme sur les client mail locaux (thunderbird, etc.) + ajouter la création de véritable adresse anti-spam comme yahoo, ce serait un net progrès. Leur alias, c’est sympa pour filtrer et organiser les mails mais question anti-spam, c’est pipi de chat.





Ça sert vraiment les accusés de réception ?



Qu’appelles-tu une véritable adresse anti-spam ?


votre avatar

Pour les accusés de réception, je ne sais pas si ça sert, mais j’ai horreur de ça et ceux qui l’utilisaient en milieu pro, je les lisais toujours plus tard pour les faire attendre ou lisais en étant hors ligne pour pas qu’ils reçoivent l’accusé de réception.



Adresse anti-spam chez yahoo :

Tu te crées une base d’adresse différente de ton adresse mail courante et ensuite, tu ajoutes ce que tu veux après un “-” genre : [email protected]



Tu peux donc en créer autant que tu veux et les détruire si tu as trop de spam sur cette adresse.



Par contre, certains services web refusent une adresse avec un “-” alors que c’est tout à fait autorisé par les RFC.

votre avatar







fred42 a écrit :



Pour les accusés de réception, je ne sais pas si ça sert, mais j’ai horreur de ça et ceux qui l’utilisaient en milieu pro, je les lisais toujours plus tard pour les faire attendre ou lisais en étant hors ligne pour pas qu’ils reçoivent l’accusé de réception.





J’aurais pensé que quand le logiciel ne gère pas les accusés de réception, il ne les envoie pas.

Moi non plus je n’aime pas trop ça, et puis je me demande l’utilité alors que 99,99% des messages au moins arrivent.







fred42 a écrit :



Adresse anti-spam chez yahoo :&nbsp;

Tu te crées une base d’adresse différente de ton adresse mail courante et ensuite, tu ajoutes ce que tu veux après un “-” genre : [email protected]&nbsp;



Tu peux donc en créer autant que tu veux et les détruire si tu as trop de spam sur cette adresse.&nbsp;



Par contre, certains services web refusent une adresse avec un “-” alors que c’est tout à fait autorisé par les RFC.





C’est pas plutôt avec un “+” dans l’adresse ([email protected]) ? J’ai déjà utilisé cette possibilité pour identifier d’où viendrait du spam, avec des sites dont je ne suis pas sûr.


votre avatar







OlivierJ a écrit :



J’aurais pensé que quand le logiciel ne gère pas les accusés de réception, il ne les envoie pas.

Moi non plus je n’aime pas trop ça, et puis je me demande l’utilité alors que 99,99% des messages au moins arrivent.





Oui, un logiciel qui ne gère pas les accusés ne les envoie pas, je parlais de ceux qui les envoient et que tu ne peux pas paramétrer pour qu’il ne les envoient pas.



L’utilité (dans la tête de ceux qui les utilisent), c’est de savoir quand tu as lu le message (c’est plus un accusé de lecture que de réception en fait). Généralement, ils t’appellent dans les 10 mn si tu ne leur a pas répondu. <img data-src=" />





C’est pas plutôt avec un “+” dans l’adresse ([email protected]) ? J’ai déjà utilisé cette possibilité

pour identifier d’où viendrait du spam, avec des sites dont je ne suis pas sûr.



Non, c’est bien un tiret chez yahoo.

C’est différent de l’utilisation du + : si tu veux spammer quelqu’un qui te donne une adresse avec un + tu supprimes le + et tout ce qui suit jusqu’à l’ @. Avec les adresses antispam de type yahoo, il faut taper forcément dans un des suffixes existant.



Edit : le +, à la base sert à classer les e-mails reçus en fonction du suffixe.


votre avatar







fred42 a écrit :



L’utilité (dans la tête de ceux qui les utilisent), c’est de savoir quand tu as lu le message (c’est plus un accusé de lecture que de réception en fait). Généralement, ils t’appellent dans les 10 mn si tu ne leur a pas répondu. <img data-src=" />





J’ai rigolé à cause de l’émoji qui a conclut ta phrase&nbsp;<img data-src=" />&nbsp;. Sur le fond c’est casse-pied je suis d’accord.







fred42 a écrit :



Non, c’est bien un tiret chez yahoo.&nbsp;

C’est différent de l’utilisation du + : si tu veux spammer quelqu’un qui te donne une adresse avec un + tu supprimes le + et tout ce qui suit jusqu’à l’ @. Avec les adresses antispam de type yahoo, il faut taper forcément dans un des suffixes existant.&nbsp;



Edit : le +, à la base sert à classer les e-mails reçus en fonction du suffixe.





Pas mal le truc de Yahoo en effet. Ça pourrait me motiver pour utiliser ce service.

Ça a l’air évident pour les spammeurs d’enlever le “+” et ce qui suit, mais je ne sais pas s’ils le font, car je n’ai pas l’impression que beaucoup de gens utilisent la possibilité du “+”.

&nbsp;


votre avatar

Ca me fait un peu marrer ce terme, “responsive design”, alors que dès que les CSS sont arrivés (la spec date de 2000 plus ou moins) ça permettait d’avoir un contenu qui s’adapte (sans JS) à l’affichage, en particulier sa largeur. J’en faisais déjà en 2007 et probablement avant.

&nbsp;







lincruste_2_la vengeance a écrit :



“gèreront” pas “supporteront”





<img data-src=" />


votre avatar







alliocha1805 a écrit :



Déjà le responsive fait plaisir à la majorité des utilisateurs car –l’expérience– le rendu est optimisé pour le terminal. Enfin Google de toute manière te met la misère en SEO si tu es pas responsive donc maintenant plus le choix :)





Si on pouvait éviter cet anglicisme qu’est &nbsp;”[user]&nbsp;experience” et qui se répand ces dernières années… En l’occurrence dans ta phrase on dirait plutôt “le rendu”, et dans d’autres cas on dirait la perception utilisateur (pour user experience) ou tout simplement l’ergonomie.



Comment est-ce que Google estime qu’une page est “responsive” (-&gt; adaptative) ?


votre avatar

La notion de responsive dans les emails, de toute façon, est davantage une blague qu’une réalité.



Là, en gros, GMail va permettre de passer à une ou plusieurs colonnes selon la taille du device. Super, mais comme un Outlook ne suit pas (l’exemple de l’email de Youtube est brisé sur Outlook mobile par exemple car ce dernier a de grosses difficultés à gérer des images à taille relative et dès qu’on empile les tableaux, il ne répond plus de rien) et qu’il faudra certainement faire tout un tas de hacks pour que l’ensemble des messageries s’entendent, il vaudra mieux faire comme on a toujours fait. Soit se foutre du responsive (comme le fait si bien Google lui-même depuis toujours, mais sinon, Amazon and co, en fait, les GAFAM n’en sont pas friands), soit faire un emailing classique tout-terrain où l’on s’amuse pas à foutre des tartines en largeur.

votre avatar

Avec leur outil très sommaire :&nbsp;developers.google.com GoogleNéanmoins capable de voir si les boutons ne sont pas trop proches, après, c’est du basique, si les blocs ne dépassent pas la largeur de l’écran, etc.

Bref, ça fait longtemps que Google voit réellement les pages et est capable de les analyser d’un point de vue global (et avec Javascript).

votre avatar







OlivierJ a écrit :



Si on pouvait éviter cet anglicisme qu’est  ”[user] experience” et qui se répand ces dernières années… En l’occurrence dans ta phrase on dirait plutôt “le rendu”, et dans d’autres cas on dirait la perception utilisateur (pour user experience) ou tout simplement l’ergonomie.





<img data-src=" />

Reste en à ergonomie, s’il te plait.







…“perception utilisateur”! Pff! N’importe quoi!


votre avatar

Stop dire juste nimp stp, l’experience user de l’ecosysteme google est ultra responsive au jour d’aujourd’hui. Les devices qui posent un souci seront fixés avec l’update poussée par push OTA qui va bien

btw, dsl pour les accents j’utilise un keyboard qwerty comme tous les mecs de l’an 2000

aller salu les rageux xd

ps: le publique il s’en tape de tout sa, mme Michu elle veut envoyer des mails episetou

&nbsp;

&nbsp;

votre avatar

Je crois que j’ai tout mis.

votre avatar

Tu t’adresses à qui ? Si c’est à moi, ce n’est pas du tout ce que j’ai dit. Je n’ai pas parlé de l’écosystème Google mais du sujet de cet article, les emails.

votre avatar







Nilav a écrit :



Avec leur outil très sommaire :&nbsp;developers.google.com GoogleAh oui me souviens, m’en servait pour les conseils en vitesse (but premier d’après le nom du lien :) ).



Du coup j’ai fait joujou avec plusieurs sites de la boîte où je suis en prestation.







gokudomatic a écrit :



<img data-src=" />

Reste en à ergonomie, s’il te plait.



…“perception utilisateur”! Pff! N’importe quoi!





Ah oui, parce que “expérience utilisateur” c’est mieux peut-être ? Sérieusement…

J’avais pensé aussi au terme de “ressenti utilisateur” ; ce que je veux bien t’accorder c’est que c’est un peu des pléonasmes, donc on devrait dire tout simplement le ressenti.


votre avatar







lincruste_2_la vengeance a écrit :



Stop dire juste nimp stp, l’experience user de l’ecosysteme google est ultra responsive au jour d’aujourd’hui. Les devices qui posent un souci seront fixés avec l’update poussée par push OTA qui va bien



 btw, dsl pour les accents j'utilise un keyboard qwerty comme tous les mecs  de l'an 2000      

aller salu les rageux xd



ps: le publique il s’en tape de tout sa, mme Michu elle veut envoyer des mails episetou









lincruste_2_la vengeance a écrit :



Je crois que j’ai tout mis.





&nbsp;<img data-src=" />&nbsp;<img data-src=" />

&nbsp;





Nilav a écrit :



Tu t’adresses à qui ? Si c’est à moi, ce n’est pas du tout ce que j’ai dit. Je n’ai pas parlé de l’écosystème Google mais du sujet de cet article, les emails.





Non je ne pense pas que ce soit pour toi, c’est plus pour plaisanter en rapport aux remarques sur les anglicismes.


votre avatar







lincruste_2_la vengeance a écrit :



Stop dire juste nimp stp, l’experience user de l’ecosysteme google est ultra responsive au jour d’aujourd’hui.



Jusqu’à tres recemment, la “dev console” web du playstore n’avait pas de version responsive… C’etait un site conçu pour utilisation bureau. (et aujourd’hui encore la version mobile pue litteralement la merde.)

&nbsp;

Autrement dit, le seule site qui permetait de publié/suivre ses app android etait tres difficilement consultable sur telephone portable (et il n’y avait pas non plus d’app android dédié jusqu’à tres-tres recemmment).


votre avatar

C’est chaud, on a atteint un tel niveau plancher sur le web que les gens me répondent.

Dites les copains, faites moi plaisir, la prochaine fois qu’un type écrira sérieusement “ le publique ” ou “écosystème”, insultez sa mère au lieu de lui répondre comme à un adulte.

votre avatar

Tiens ça me rappelle un pote qui a codé un bot qui publie de la merde aléatoire basée des chaînes de Markov et qui a constaté que des gens répondent normalement sans problème:

http://i.imgur.com/Xu0Q8Yr.png

http://i.imgur.com/a2PY3lC.png

votre avatar

Et l’un est en dessous.

votre avatar

Ouai… S’il pouvait en profiter pour ajouter le support d’accusé réception comme sur les client mail locaux (thunderbird, etc.) + ajouter la création de véritable adresse anti-spam comme yahoo, ce serait un net progrès. Leur alias, c’est sympa pour filtrer et organiser les mails mais question anti-spam, c’est pipi de chat.

votre avatar







lincruste_2_la vengeance a écrit :



C’est chaud, on a atteint un tel niveau plancher sur le web que les gens me répondent.





J’ai trouvé ça marrant aussi :-) .

&nbsp;


Gmail et Inbox supporteront bientôt les emails responsive design

Fermer