Responsive mails met mjml

HTML E-mails

  • Tabellen
  • Inline styles
  • Bejaarde clients
  • Soort van websites, maar dan erger

open source Framework

  • Gebouwd in React
  • Soort templating engine
  • Lijkt op XML
  • Wordt gecompiled naar mobile-first code
  • Lekker veel stars
  • Gem

Componenten

  • Standaard componenten
  • Customizen met parameters
  • Geen niet-werkende CSS of tags
  • Zelfs een carousel
  • Eigen componenten (in React)

Setup

npm install -g mjml

 

  • Diverse plugins voor editors
  • Desktop app

Compiling

$ mjml -r index.mjml -o index.html

 

$ mjml --watch index.mjml -o index.html

templates

Demo

deck

By Dimitri Snijder

deck

  • 35