Comment les messageries interprètent nos emailings ?

Les propriétés CSS3 sont incontournables lors la conception des sites web.

Mais lorsque l'on veut ajouter des effets d’ombres, d’arrondis, de dégradés via ces propriétés sur nos emailings, on peut se poser la question de leurs compatibilités sur nos messageries.

Sarbacane sur son blog : blog.sarbacane.com nous propose un test complet avec un code css3 déclaré «inline» (<p style="text-shadow: 1px 1px 1px #ffffff;">mon texte</p>).

Voici la synthèse de cette étude (disponible dans son intégralité ici) :

Le test porte sur les codes css suivants : border-radius, box-shadow, gradient, text-shadow, opacity

  • Du côté des logiciels de messageries :
    Laissons tomber la série des versions Outlook, non compatibles, bien sûr !
    Par, contre compatibilité totale pour THUNDERBIRD (version testée : v17)
     
  • Pour les messageries en ligne, c'est plus complexe et fonction des navigateurs utilisés :

  • Pour la partie mobile :
    Par contre, si on note aucun problème sur les clients natifs mobiles (IOS 5.1 – Mail, Android 4.1 – Email), les applications Gmail mobiles sont moins réceptives :

Pour plus de détails sur ces tests, rendez-vous sur le site de Sabacane.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>