Web Mobile

Articles

• Concevoir des e-mails réactifs : Techniques de design
  26 juin 2013, par Aurélie Rigouste, Nicolas Contant

  Tout 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.

• Concevoir des e-mails réactifs : Optimiser les images pour le mobile
  12 septembre 2013, par Aurélie Rigouste, Nicolas Contant

  La 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 : Étude de cas - Twitter
  10 octobre 2013, par Aurélie Rigouste, Nicolas Contant

  Aprè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 Contant

  Lorsque 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.

• Concevoir des e-mails réactifs : Cibler des terminaux avec les media queries
  12 septembre 2013, par Aurélie Rigouste, Nicolas Contant

  Tous 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.

• Concevoir des e-mails réactifs
  26 juin 2013, par Aurélie Rigouste, Nicolas Contant

  Si vous lisez régulièrement vos e-mails sur un smartphone, vous savez sans doute que c’est une expérience qui peut virer au cauchemar. Telle newsletter, qui s’affiche pourtant très bien dans votre boîte de réception habituelle, peut devenir absolument illisible quand elle est réduite à un petit écran. Parmi les problèmes les plus fréquents, citons les polices trop petites, les colonnes trop étroites et les mises en page brisées.

• Concevoir des e-mails réactifs : Optimiser vos formulaires de souscription
  10 octobre 2013, par Aurélie Rigouste, Nicolas Contant

  Optimiser 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 ?

• Concevoir des e-mails réactifs : Gabarits réactifs
  16 juillet 2013, par Aurélie Rigouste, Nicolas Contant

  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.

• Les pixels, voilà l’ennemi !
  26 avril 2013, par Frédéric Chotard, Véronique Bouvier

  Les 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 ?

• Le Web sur mobile et au-delà
  24 septembre 2013, par Coralie Mercier, Goulven Champenois

  On me dévisageait en me lançant des regards moqueurs en 2005 lorsque le W3C a lancé son Initiative pour le Web mobile afin de prôner l’importance du Web pour le monde mobile. C’est désormais moi qui me balade avec le sourire, par exemple lors de l’édition 2013 du Mobile World Congress (MWC) de Barcelone, un des événements majeurs concernant les appareils et réseaux mobiles.