HTMLメールを使うのも当たり前になってきました。しかし、レスポンシブなメールをきちんとメール向けに仕様に合わせて送らないとレイアウトが崩れてしまったりします。それではせっかく目立つHTMLメールを使っているのに勿体ないです。 そこで使ってみたいのがMaizzleです。HTMLメールを作るためのフレームワークです。

Maizzleの使い方

一例です。Webブラウザでプレビューを出しながら作成できます。

よくあるメールアドレス確認メール用のテンプレート。

管理画面です。

ホットリロードやスクロール同期などの機能があります。

MaizzleはJekyllに似たテンプレートエンジンを使っています。テンプレートに沿って作成することで、レスポンシブなメールテンプレートが簡単にできます。デバッグ機能もあり、HTMLメールを作る際に役立つツールになるでしょう。

MaizzleはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

Maizzle - Framework for Rapid Email Prototyping | Maizzle - Framework for Rapid Email Prototyping maizzle/maizzle: HTML email development framework.