RGPD

Votre choix concernant les cookies sur ce site

Nous utilisons des cookies pour personnaliser notre contenu et nos publicités, mesurer l'efficacité de nos publicités et offrir une expérience plus sûre. En naviguant sur le site, vous acceptez l'utilisation de cookies pour collecter des informations sur et en dehors se Sarbacane Pour en savoir plus, consultez notre Politique relative aux cookies ou rendez-vous dans vos préférences en matière de cookies pour gérer vos paramètres.

done Votre adresse a bien été enregistrée
close
error_outline Email invalide
close

Prendre rendez-vous avec un consultant

Discutons :

- de vos enjeux marketing

- de vos besoins fonctionnels

- d'un niveau d'accompagnement adapté

Essayer gratuitement

Blog Sarbacane

Le blog de l'actualité marketing : retrouvez conseils, bonnes pratiques et nouveautés pour maîtriser votre communication multi-canale.

Blog Sarbacane

Les évolutions de l’emailing avec CSS 3

Recevez les bonnes pratiques pour optimiser vos campagnes emailing

Les propriétés CSS3 sont devenues aujourd’hui incontournables et révolutionnent la conception de nos sites web. Mais qu’en est-il de l’emailing ? Ces nouvelles propriétés très puissantes permettent d’ajouter à nos créations des effets d’ombres, d’arrondis, de dégradés… et tout cela sans utiliser une seule image ! Nous vous proposons un petit tour d’horizon de leurs compatibilités sur nos messageries.

Les conditions du test :

Voici les propriétés CSS3 les plus populaires qui ont été testées :

A NOTER sur ce test :

Le code css3 a été déclaré «inline»
,

C’est à dire directement dans la balise.

Exemple

mon texte

Le code css3 a été déclaré "sans préfixe"
Lorsqu’une propriété n’est pas encore implémentée dans un navigateur, on autorise parfois un préfixe personnalisé afin de permettre son intégration progressive. Pour notre test, nous sommes partis du principe que la propriété était intégrée par l’exploitant et n’avons pas ajouté de préfixe.
Exemples de préfixes : -o- (pour Opera), -moz- (pour Gecko, Mozilla), -webkit- (pour Chrome, Safari, Android…), -ms- (pour Microsoft Internet Explorer) ou encore -mso- (pour Microsoft Office)



Voir le code HTML

Les résultats du test

Nous soulignerons le sans-faute de Thunderbird® Mozilla pour les logiciels de messageries, et sur mobile citons Mail® Apple et Email® Android qui délivrent également un rendu parfait ! 🙂 Chez les webmails c’est Hotmail qui s’en sort le mieux avec seulement la non prise en charge du dégradé. Parmi les mauvais élèves citons Outlook® Microsoft dans ces différentes versions avec un beau zéro pointé 🙁

 

Les logiciels de messageries

 


OUTLOOK
EXPRESS


OUTLOOK
2003

OUTLOOK
2007 SP2

OUTLOOK
2010

WINDOWS
MAIL

THUNDERBIRD
v17
border-radius
box-shadow
gradient
text-shadow
opacity
Dernière mise à jour le 11/04/2013

YAHOO sur les différents navigateurs

YAHOO
FIREFOX
v19

CHROME
v26

SAFARI
v5

OPERA
v12

EXPLORER
v9
border-radius
box-shadow
gradient
text-shadow
opacity
Dernière mise à jour le 11/04/2013

GMAIL sur les différents navigateurs

GMAIL
FIREFOX
v19

CHROME
v26

SAFARI
v5

OPERA
v12

EXPLORER
v9
border-radius
box-shadow
gradient
text-shadow
opacity
Dernière mise à jour le 11/04/2013

OUTLOOK.com (alias HOTMAIL) sur les différents navigateurs

HOTMAIL
FIREFOX
v19

CHROME
v26