MJML - レスポンシブなHTMLメール用テンプレート
今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。 そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。
MJMLの使い方
MJMLのシンプルなデモです。
モバイルで見た場合のデザインに変更しました。
こんな複雑なデザインも実現できます。
メニューをつけたデザイン。
モバイルデザイン。
MJMLを使うことで、最適なレスポンシブデザインが容易に実現できるようになります。メールはサーバ側のHTMLと異なり、JavaScriptを実行したり、データの出し分けもできません。MJMLを使えばメールの反応率も大きく変わってくることでしょう。
MJMLはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。
MJML - The Responsive Email Framework mjmlio/mjml: MJML: the only framework that makes responsive-email easy