Un autre outil de la flemme ultime : Newsletter.psd to proper HTML
Dans une vie d’intégrateur, généralement, il n’y a pas que des dossiers de 20 ou 30 templates à intégrer avec passion, professionalisme, dévouement, logique et amour. Non. Il y a le darkside de l’intégration, j’ai nommé la Newsletter.
La newsletter, dans mon métier, intervient lorsqu’il faut que j’intègre un template d’email dit transactionnel : à chaque fois qu’un utilisateur d’un de nos Magento s’inscrit / change une information / passe une commande, il reçoit un mail avec ses informations. Et comme on est pas des chiens, on lui met un petit template, généralement très simple, avec le logo du site, la typo qui rappelle celle du site, et basta.
Comment ça se passe pour intégrer ce genre de template : 1) on demande / le graphiste sait qu’il ne faut pas faire trop compliqué lors du PSD 2) il le fait 3) on chiale 4) il le retouche un peu 5) on chiale encore + 6) on a un psd qu’on découpe à la pute sur Adobe Photoshop avec les slices 7) File -> Save for Web -> HTML & Images 8) ??? 9) Profit!
Oui mais voilà : on va pas se le cacher, les clients mails online (Gmail, Hotmail, Yahoo!) ou offline (Mail.app, Microsoft vamourir 2003 / 2007 / 2010) sont des tous des connards. TOUS. Dans le sens où ils interprètent l’HTML un peu comme ils veulent.
De ce fait, what to do: donner une taille aux TD de la taille des img enfants, display:block; sur lesdites images (hack Gmail), border=0 pour éviter d’avoir un trait bleu sur les liens des images. C’est la base. Ensuite, un peu de skill en inté pour peaufiner ça et en avant Guingamp.
Et moi, vous avez pu le voir sur mon premier outil avec les colonnes là, les tâches répétitives ont tendance à m’ennuyer sec. De ce fait, allez, c’est cadeau :
Pas de design, pas d’autre fonctionnalité, on va au plus simple : l’outil fait ce qu’on lui demande et basta (j’en profite pour en placer une pour monsieur mon DT).
Le tout se trouve encore une fois sur Github. Pour les plus frileux d’entre vous, n’hésitez pas à vous installer Git et à vous y mettre, voilà.