Il est généralement recommandé de choisir un gabarit à une seule colonne quand on veut que ses e-mails soient optimisés pour mobile, mais il existe une technique élégante pour créer des gabarits réactifs à deux colonnes sans devoir écrire des kilomètres de CSS.
Accueil > Mots-clés > Thèmes > Web Mobile
Web Mobile
Articles
-
Concevoir des e-mails réactifs : Gabarits réactifs
16 juillet 2013, par Aurélie Rigouste, Nicolas Contant -
Concevoir des e-mails réactifs : Optimiser les images pour le mobile
12 septembre 2013, par Aurélie Rigouste, Nicolas ContantLa surface d’écran disponible étant limitée sur les terminaux mobiles, nous devons être prudent quand il s’agit d’ajouter des images aux e-mails HTML. Voici diverses techniques pour adapter les images aux différentes situations.
-
Concevoir des e-mails réactifs : Cibler des terminaux avec les media queries
12 septembre 2013, par Aurélie Rigouste, Nicolas ContantTous les terminaux dits mobiles ne sont pas des iPhones, voyons donc comment ajuster nos requêtes de média et nos styles pour s’adapter au maximum d’appareils.
-
Ecrans tactiles : mort aux mythes
11 décembre 2013, par Frédéric Chotard, Goulven Champenois, Marie AlhommeLes écrans tactiles nous entourent depuis plusieurs dizaines d’années, c’est même pour beaucoup le principal moyen d’interaction avec notre téléphone, mais leur fonctionnement reste mystérieux. Steven Hoober nous explique tout ça en profondeur.
-
Concevoir des e-mails réactifs : Optimiser vos formulaires de souscription
10 octobre 2013, par Aurélie Rigouste, Nicolas ContantOptimiser vos campagnes e-mail pour mobiles ne se limite pas à s’assurer que votre newsletter peut être lue sur de petits écrans. Après tout, à quoi sert de diffuser des campagnes optimisées pour les mobiles si les utilisateurs de mobile ne peuvent même pas s’y abonner ?
-
La grille infinie
30 octobre 2013, par Bertrand Keller, Frédéric Chotard, Goulven Champenois, Véronique BouvierLes systèmes de grilles sont des composants majeurs du design graphique, mais elles ont toujours été conçues pour des canevas aux dimensions fixes. Jusqu’à présent.
-
Concevoir des e-mails réactifs : Techniques de design
26 juin 2013, par Aurélie Rigouste, Nicolas ContantTout comme les nombreux concepteurs de sites qui ont une approche orientée design dans leurs projets, nous allons, dans ce guide, parler de l’aspect visuel des newsletters optimisées pour le mobile, avant de plonger les mains dans le code. Cela devrait vous aider à prendre les bonnes décisions la prochaine fois que vous planifierez une newsletter, et vous faciliter la compréhension des techniques dont nous allons discuter ensuite.
-
Les pixels, voilà l’ennemi !
26 avril 2013, par Frédéric Chotard, Véronique BouvierLes terminaux offrent des écrans de plus en plus sophistiqués, qui poussent les concepteurs de sites à proposer des images à haute définition. Dans cette course au pixel effrénée, comment garder à l’esprit les contraintes des utilisateurs ?
-
Concevoir des e-mails réactifs : Étude de cas - Twitter
10 octobre 2013, par Aurélie Rigouste, Nicolas ContantAprès la théorie, la pratique. L’exemple utilisé est un e-mail envoyé à des millions de personnes chaque jour (rien que ça).
-
Concevoir des e-mails réactifs : Coder des e-mails pour les mobiles
16 juillet 2013, par Aurélie Rigouste, Nicolas ContantLorsque les concepteurs de sites parlent de feuilles de style pour les mobiles, ils ne parlent pas de feuilles de styles totalement distinctes, mais des trucs sympas qui apparaissent entre les accolades des requêtes de média.
pompage.net