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

ここまでシンプルなら崩れることもなく使えそうですね。

スマートフォンやWebメーラーの流行にのって、HTMLメールが使われるようになってきています。海外サービスではもはや当たり前で、日本でも使われることが多くなっています。やはり多彩な表現ができるメリットは大きいです。

そんな中、逆に問題になっているのがHTMLメールのレイアウトです。様々なメーラーがある中で適切に情報を表示するのは相当大変なことです。そこでベースに使ってみたいのがHTMLメールのテンプレートです。今回はレスポンシブに対応したシンプルなHTMLメールテンプレート、Really Simple Responsive HTML Email Templateを紹介します。

こちらがそのテンプレートです。確かにシンプルですね。
こちらがそのテンプレートです。確かにシンプルですね。

スマートフォンで見た場合もきちんと表示されます。メールで送った場合も問題はないようです。
スマートフォンで見た場合もきちんと表示されます。メールで送った場合も問題はないようです。

iPhoneのメーラーはデフォルトで画像を表示し、Gmailでも最近画像をデフォルトで表示するようになっています。レスポンシブでさらに画像まで使えればより訴求力の強いHTMLメールができるのではないでしょうか。

あまり凝った装飾を施そうとするとHTMLメールの性質上、崩れてしまう可能性があります。それではそもそも情報を適切に配信することもできません。なるべく無理のないシンプルさを維持するのが肝要でしょう。

Really Simple Responsive HTML Email TemplateはHTML5/CSS3のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

Really Simple HTML Email Template

leemunroe/html-email-template

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2