[HTML & CSS General] HTML Mail 制作に役立ちそうなまとめ (2013)

公開日: 2013/12/31
更新日: 2019/09/19

HTML Mail を作る機会があったので、どのように作るのか以前調べました。
あらためて調べたら、有用な情報をみつけたのでまとめておきます。

[markdown]
以前参考にした情報。

> * [一撃デザインの種明かし（12）：誰でも作れる！ “崩れない”HTMLメルマガ作成術 (1/4) – ＠IT](http://www.atmarkit.co.jp/ait/articles/1007/14/news103.html)

リソースなどの制限があったので、

* table レイアウト
* 画像を多用する
* css はインライン限定的な利用にとどめる

という形で作成しました。

## 先に見たかった情報

これを先に見ていたらいろいろ楽できていたかも、と思った。

> * [HTMLメールのメールマガジンのコーディング【下調べ篇】 | 株式会社 N2P](http://n2p.co.jp/blog/tech/htmlmailmagazine01/)
> * [HTMLメールのメールマガジンのコーディング【コーディング準備篇】 | 株式会社 N2P](http://n2p.co.jp/blog/tech/htmlmailmagazine02/)
> * [HTMLメールのメールマガジンのコーディング【実際に組んでみた篇】 | 株式会社 N2P](http://n2p.co.jp/blog/tech/htmlmailmagazine03/)
> * [スマホで読ませる! HTMLメルマガで覚えておきたい横幅と文字サイズ | 株式会社 N2P](http://n2p.co.jp/blog/planning/numberforhtmlmail/)

## HTML EMAIL BOILERPLATE

不勉強で、BOILERPLATE の存在を知りませんでした。

> * [主要メーラーのバグを回避するHTMLメール用テンプレート -Email-Boilerplate | コリス](http://coliss.com/articles/build-websites/operation/work/html-mail-template-htmlemailboilerplate.html)
> * [HTML EMAIL BOILERPLATE v 0.5 updated 11/5](http://htmlemailboilerplate.com/)

## 仕様まわりの情報

CSS やメーラに関する情報。

> * [Guide to CSS support in email | Campaign Monitor](http://www.campaignmonitor.com/css/)
> * [Home | Email Standards Project](http://www.email-standards.org/)

## 補遺

> * [HTML Email Specifications and Best Practices – a year later – An Article Posted On The Official Blog Of Visual Lizard](http://www.visuallizard.com/blog/2012/04/27/html-email-specs-update)
> * [HTMLメルマガ作成の参考になるサイト色々 – Webのプルタブ](http://pulltab.info/2012/03/htmlmailmagazine.html)
> * [HTMLメールの作り方まとめ | はらぺこ屋](http://harapeko.wktk.so/blog/2013-03-09/1080)
[/markdown]