レターのレイアウト：60の有用なリソース、ガイド、研究

Habréのブログでは、HTMLとCSSの組版、 メーリングリストの作成、プレーンテキストメッセージの操作、興味深い実験について説明することがよくあります。 本日は、60の有用なリソースのリスト、チュートリアル、および電子メールの操作に関する研究を紹介します。

フレームワーク

• インク -レスポンシブHTMLメールの高速レイアウトで、Outlookを含む任意のデバイスまたはメールクライアントで同様に表示されます。
• メールフレームワーク -HTMLレターを作成するためのフレームワーク
• 本当にレスポンシブなライティング。 パート2 フレームワーク -アーサーコッホからレスポンシブレターを作成するアプローチ

パターン

• Sendwithus-レター用テンプレートのオープンライブラリ
• Mailchimpのメールテンプレート
• キャンペーンモニターテンプレート
• レスポンシブHTMLメールテンプレート -一般的なメールクライアントでテスト済み
• Cerberus-レスポンシブメールテンプレート
• Antwort-文字を組版するためのアダプティブレイアウト
• レスポンシブHTMLテンプレート -主要な電子メールプラットフォームでの作業に適しています
• 無料のレスポンシブテンプレート：概要 -5つの実績のあるテンプレート
• Grunt Emailテンプレート
• レスポンシブメールテンプレート
  HTMLメールテンプレート -ニュースレターの良い出発点

ツール

• 文字の「防弾」ボタン -VMLおよびCSSの文字のボタン
• 防弾背景画像
• PutsMailは、送信する前にHTMLメールをテストする無料のツールです
• 「 Pechkin 」 -メールニュースレターを作成および分析するためのサービス。
• 「Pechkin」からの文字の「Inlayner」-HTML文字を正しく表示するためのインラインスタイルを作成するためのツール。
• Litmus-メールのテストと追跡
• キャンペーンモニター -すべてのメールクライアントでレターのデザインをテストします
• Grunt Litmus - Litmusのテストレターとうなり声
• Acidのメール -有料および無料でメールをテストする

チュートリアル

• GruntのLee Munroによるチュートリアル （ 詳細 ）
• Lee Munroeの作品に基づいたGulpのDaryl Doyleによるチュートリアル
• 方法：Gmailのレスポンシブメール
• 電子メールメッセージでHTML5バックグラウンドビデオを作成する方法
• 方法：メールデザインのタイポグラフィ
• シンプルなデザイン：効果的なプレーンテキストレターの作成方法
• 文字の組版プロセス -Sitepointからの文字のレイアウトの解析
• CSSサポート -最も人気のある電子メールクライアントのCSSサポート分析
• メール購読フォームの作成方法：エラーと解決策
• メールのレイアウトに最適なテクニック
• HTMLメールをタイプセットする方法（Mailchimp）
• 方法：CSSのインタラクティブな電子メール作成テクニック
• レイアウトの配布中に心（および魂）を失わないようにする方法
• メールメッセージに画像スライダーを作成する方法
• メールでインタラクティブなタブを作成する方法
• Mailchimpメールマーケティングチュートリアル
• キャンペーンモニターCSS詳細ガイド
• HTMLレターでのCSSの使用
• レスポンシブHTMLメールデザイン -リトマスの従業員Justine JandとJason Rodriguezからレスポンシブメールを作成するコース
• HTMLメールデザイン -MailChimpインターフェースデザイナーのFabio Carneiroが、モバイルデバイスに適応した多機能メールをゼロから作成する方法を示します
• HTMLレターの作成 -これらのチュートリアルでは、HTML HTMLレイアウトの基本を紹介します。 ここでは、開発技術、HTMLメールの作成および設計プロセスに関する情報を見つけることができます
• Inkのレスポンシブライティングテンプレートのレイアウト-Inkを使用してレスポンシブライティングテンプレートを作成する
• プレーンテキスト文字が必要な理由とその方法：6つのヒント

ブログ

• Habrablog "Pechkina"メーリングのレイアウト
• アーサー・コッホのブログ
• Litmusブログ
• Stylecampaignブログ
• Myemmaブログ
• Postmarkappブログ
• ひどくブログ
• Emailmonksブログ

リサーチ

• 成功したニュースレターの作成方法 -Pechkinサービスによって収集されたRunetの傾向と統計。
• Myemmaメール統計 -現代のメールマーケティング担当者を支援するEmma、Incの18の事実
• Mailchimp Research -MailChimp研究チームは、常にデータを分析して、メーリングリストを支援します。
• 2015キャンペーンモニターレポート-2015レポート ：新しいメールマーケティングルール

インスピレーションの源

• 完璧なメール -最高のメールデザイン
• トップメールマーケティングキャンペーン
• Htmlemaildesigns-注目できる設計