Le courrier électronique peut-il vraiment être réactif
Réponse simple à votre question .. OUI
Les e-mails HTML relèvent quelque peu de la même règle des sites Web, mais ils sont généralement plus difficiles à gérer et reposent toujours sur un ancien style de code daté utilisant des <table>
balises. Il y a un excellent article de Web Design Tuts que j'aurais aimé voir quand j'ai commencé à faire des e-mails HTML.
Un peu sur le tutoriel, il explique comment créer un e-mail réactif et une note importante lors de la création d'e-mails HTML est que le CSS doit être en ligne à la fin. Il explique comment cibler CSS pour Yahoo avec body[yahoo] .class {}
et ils font référence à l'article de Tina Ye sur « Les e-mails HTML réactifs: une stratégie différente ».
Étant donné que l'article de Webdesign Tuts n'entre pas dans les détails de l'article de Tina, je vous recommande de le lire car elle passe à la première méthode de conception mobile et montre comment concevoir pour Lotus 8, Outlook 00-03, Outlook 2007+ et Apple :
Lotus Notes 8 et Outlook 2000-2003
<!--[if IE]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
</td>
</tr>
</table>
<![endif]-->
Outlook 2007+
<!--[if (gte mso 9)|(IE)]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
Apple Mail
@media only screen and (min-device-width: 541px) {
.content {
width: 540px !important;
}
}
Si vous effectuez une recherche Google pour les modèles d'e-mails réactifs, il existe un article intitulé " 32 modèles d'e-mails réactifs pour votre petite entreprise " par Mashable.
Il discute des modèles gratuits et payants pour vos e-mails et il va dans Zurb que je recommanderais si vous utilisez Foundation pour la conception Web.