Home

Grunt Email Design est un workflow GruntJS permettant de générer plus facilement ses templates d’emails HTML et de les tester.

Grunt Email Design est un workflow GruntJS permettant de générer plus facilement ses templates d'emails HTML et de les tester.

Quand vous vous lancez dans la conception de templates d’emailing HTML, vous savez à quel point cela peut être fastidieux… Il faut penser en mode table et style inline, l’inverse des bonnes pratiques HTML/CSS.

GruntJS permet d’automatiser vos tâches d’intégrateur quotidiennes, en voici une belle preuve à l’aide de ce workflow de design d’emails.

Comment ça marche ? En 4 étapes:

  • Compile votre SCSS en CSS
  • Construit les templates d’email HTML
  • Transforme le code CSS en inline dans l’email
  • Envoi un test d’email dans votre boîte mail

Workflow génération d'emails HTML/CSS

Côté technos, le process embarque des fichiers Sass SCSS pour développer le style de l’emailing, Handlebars pour la partie template HTML, et Mailgun pour l’envoi d’email de tests.

A tester !

Site Officiel

Advertisements

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s