Habréのブログでは、HTMLとCSSの組版、 メーリングリストの作成、プレーンテキストメッセージの操作、興味深い実験について説明することがよくあります。 本日は、Eメールの操作に特化した英語とロシア語の有用なリソース、チュートリアル、研究の選択に注目します。
1.ブログ
- ブログ-キャンペーンモニター:メールニュースレターの開発と改善に関するブログ。
- Acid on Email:マーケティングレターのデザインとメールマーケティングの秘aboutに関するブログ。
- Email Wizardry:メーリングリスト開発者のブログ。;
- アーサー・コッホのブログ
- Pechkinのブログ :Habréでは、メーリングリストのレイアウトと関連技術について説明しています。
2.テンプレート(定型文)
- 電子メール:文字の植字用テンプレートの使用について(htmlおよびcss)。
- インク:Zurbのレスポンシブメールフレームワーク:Zurbのレスポンシブメールデザイン。
- Litmus:文字を組版するためのLitmusリンカー。
- Pechkinの自動CSSインライン :このユーティリティは、HTMLインラインスタイルにあるすべてのCSSを自動的にリストします。 計器
3.開発
- 防弾メールボタンLitmus:ユニバーサルボタンを作成する方法。
- 防弾EメールボタンリストAパート: Eメールをレスポンシブにする方法に関する記事。
- 電子メールLitmusでのHTML5ビデオの背景:HTML5ビデオを電子メールの背景に埋め込む方法に関するLitmusガイド。
- Ipsumの紹介:モジュラー設計手法の適用方法。
- 文字の組版プロセス -Sitepointからの文字のレイアウトの解析
- Outlook条件付きCSS MailChimp: MS Outlook用の条件付きCSS構成。
4.コミュニティ
5.手紙を送る
- Emailonacid:受信者への配信に対する文字の重みの影響に関する記事。
6.自己ホスト型アプリケーション
7.フォントとタイポグラフィ
- Paul AiryとのQ&A(Litmusブログ): Paul Airyによる文字とフォントの設計について。
- Font Squirrel:文字を書くための無料フォント。
- Typekit Practice:タイポグラフィのレッスン。
- 方法:メールデザインのタイポグラフィ
- WhatFont:ホバーするときにフォントを決定できるサービス。
8.ガイド
- 電子メールニュースレターを購読するためのフォームを作成する方法:エラーと解決策 。
- プレーンテキストの文字が必要な理由とその方法:6つのヒント。
- メールメッセージに画像スライダーを作成する方法。
- 電子メールでインタラクティブなタブを作成する方法。
- Campaign Monitorの「Will It Work?」: CSSとHTMLを使用したメーリングリストの設計。
- Litmusのお気に入りのレスポンシブおよびモバイルメールリソース:チュートリアル、記事、メールマーケティングのヒント。
9.画像
- Optimizer JPG:無料のオンラインjpeg画像圧縮ツール。
- 小さなPNG:軽量化PNG画像。
10.レスポンシブデザイン
- マルチカラムレスポンシブレイアウト(キャンペーンモニター):モバイルデバイス用のレスポンシブデザイン。
- レスポンシブHTMLメール:モバイルデバイス用のレスポンシブメールデザインについて
- Brad Frostの「This is Responsive」から:レスポンシブデザインソースの選択。
- レスポンシブWebデザインリソース:レスポンシブデザインに関する記事およびWebサイトへのリンクのリスト。
11.データと統計
- 成功したニュースレターの作成方法 -Pechkinサービスによって収集されたRunetの傾向と統計。
- メールを送信するのに最適な時刻(インフォグラフィック):手紙を送信するのに最適な時間のトピックに関するインフォグラフィック。
- 展開時間:メールを送信するのに最適な時期に関するメモ。
- メールは依然として共有を支配しています:ボタンクリックの統計(共有、後で読む...);
- モバイルvsデスクトップ(インフォグラフィック):モバイルデバイスのデザイン開発のためのインフォグラフィック。
- ヒートマッピングテクノロジーCrazyEgg:サイトのヒートマップを作成するためのWebベースのツール。
12.その他のツール
- Litmus Scope:メールのWebバージョンを作成するためのLitmusのツール。
- Emmet:人気のあるさまざまなテキストエディター用のプラグインのセット。
- FFFFallBack Bulletproof Web Typography:テキスト、フォント、およびそれらのデザインを操作するためのツール。
- HTML Tidy:HTMLのエラーの修正とレイアウトの外観の改善。
- Sublime Text:クロスプラットフォームのテキストエディター。