[HTML & CSS General] HTML Mail 制作に役立ちそうなまとめ (2017)
2017 年に見つけた情報を追記していくエントリー。
ひさびさにチェックしました。
過去のエントリーはこちら。
Contents
Book
なんと書籍が刊行されていました。
仕事が発生したら買う。
売り上げランキング: 119,357
本書は、HTMLメールを使ってマーケティング・プロモーション活動をしたいと考えている人、また制作者を対象としたもので、最近のユーザーの閲覧環境の変化に対応するためのHTMLメールの考え方や実装方法、効果測定方法などを徹底的に解説しています。
ひと昔前とは違う！マーケティングメールの考え方、作り方が基礎からしっかり分かるオススメの書 -ロールケーキ本 | コリス
Workflow
Grunt プラグインを利用したワークフロー leemunroe/grunt-email-workflow が紹介されていました。
メールの送信・表示テストもできるようです。
HTMLメールの制作を手助けしてくれる3つのGruntプラグインを紹介しました。 ひとつはCSSをインライン化してくれる grunt-premailer。 次に、表示確認につかえる、grunt-mailgun と grunt-litmus です。 そして、HTMLメールのワークフロータスクをひとまとめにした Grunt Email Design Workflow もとりあげました。
Template
これシンプルで良さそう。
- dudeonthehorse/normalize.email.css: Email-ready CSS Reset
normalize.email.cssの特徴 ほとんどの電子メールクライアントに有用なデフォルトのスタイルを提供。 ネイティブプラットフォームのフォントスタイルを作成。 HTMLメールの一般的なバグに対応。 コメントを使用したスタイルの説明。HTMLメール用のCSSリセットとテンプレート、主要なメールクライアントのバグにも対応 -normalize.email.css | コリス
Generator
MJML というマークアップ言語で書くとか。
Topol.ioはHTMLメールのフレームワーク「MJML」をベースに作成されており、さまざまなメールクライアントで見栄えがよいHTMLメールを簡単に作成できます。
レスポンシブ対応のHTMLメールをドラッグ＆ドロップで驚くほど簡単に作成できる無料ツール -Topol.io | コリス