ITエンジニア/デザイナ向けにオープンソースを毎日紹介

今やレスポンシブデザインは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

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch