« Comment sortir l’intégration d’e-mails de la préhistoire » à Paris Web 2014
Cette semaine j’ai eu la chance de donner à Paris Web une conférence sur l’intégration d’e-mails intitulée « Comment sortir l’intégration d’e-mails de la préhistoire ». La vidéo est disponible en ligne, et j’ai publié mes slides annotés.
Voici en complément plein de liens et ressources sur les différents sujets abordés (dans l’ordre abordé lors de ma conférence).
- Outlook 2003 utilise le moteur de rendu d’IE présent lors de son installation (chez EmailOnAcid).
- Litmus, GetInbox et EmailOnAcid permettent de faire des captures d’écran sur différentes applications, webmails, navigateurs et appareils.
- Le guide du support de CSS dans un e-mail (par Campaign Monitor).
- Le support de CSS dans Outlook 2007/2010/2013 (sur la MSDN).
- Le préfixage des règles CSS par les webmails de La Poste, Orange, SFR et Voila.
- Les media queries sur le webmail mobile de La Poste.
- Le préfixage des règles CSS par la version mobile d’Outlook.com.
- Yahoo filtre mal les media queries (chez Fresh Inbox).
- Outlook.com filtre la propriété margin, mais pas Margin.
- Gmail et certains opérateurs français compressent les images.
- Mailbox bug à l’affichage de certains e-mails sous iOS 8.
- Les statistiques des webmails et applications mails.
- Le guide ultime des images bloquées (chez Litmus).
- Exemple d’e-mail avec images bloquées de Nintendo Australia pour le jeu LEGO City Undercover.
- Exemple d’e-mail avec images bloquées de Sony pour un jeu Transformers.
- Pour optimiser un e-mail sur mobile, il est préférable d’éviter d’utiliser une meta viewport (chez EmailOnAcid).
- Pour Windows Phone 8.1, il faut rajouter une meta X-UA-Compatible et la déclaration d’un viewport en CSS (par Rémi Grumeau).
- Exemples d’e-mails responsive (mais pas trop) par Apple.
- Sur iOS 6 et moins, il faut ajouter 1000 caractères dans le <head> pour qu’un e-mail s’affiche complètement (chez EmailOnAcid).
- En CSS 2.1, l’effet de min-width et max-width sur des tableaux est indéfini (dans la spécification W3C).
- Exemple d’e-mail avec une vidéo en fond (par Litmus).
- Exemple d’e-mail avec un carousel chez B and Q.
- Le compte-rendu du W3C HTML Mail Workshop de 2007.
- Email Standards Project.
- Le HTML for email Community Group au sein du W3C.