Awesome EMAILS
EMAILSを扱う資料や関連プロジェクトをまとめたAwesomeリストです。
目次
フレームワーク
React
- React Email - ReactとTypeScriptを使用して美しいメールを作成するための、高品質な未スタイルコンポーネントのコレクション。
- Mailing - Reactでメールを作成し、どこからでも送信可能。
- JSX-email - JSX Mailは、Reactを用いてメールテンプレートを作成するメールフレームワーク。
その他
- MJML - MJMLは、レスポンシブメールのコーディングを楽にするためのマークアップ言語。
- Foundation for Emails - あらゆるデバイスおよびクライアントで動作するレスポンシブHTMLメールを迅速に作成。Outlookにも対応。
- Email Framework - レスポンシブHTMLメールを作成するためのHTMLメールフレームワーク。
- HEML - HEMLは、レスポンシブメールを作成するためのオープンソースマークアップ言語。
- Acorn - 黄金比のタイポグラフィグリッドに基づくレスポンシブメールフレームワーク。
- Pine - 12コラムのグリッド、レスポンシブメールフレームワーク。
- Maizzle - Tailwind CSSを使ってHTMLメールを迅速に構築。
チートシート
- Rico’s cheatsheet - RicoのHTMLメール用のチェックリスト。
テンプレート
- Cerberusemail - レスポンシブHTMLメールテンプレートのパターン。
- Responsive templates - EmailOctopusから提供される無料HTMLテンプレート。任意のプロバイダーと利用可能。
- Campaign - レスポンシブメールテンプレートを簡単に作成し、モデルで内容を埋めて送信できます。
- Sendwithus - オープンソースのメールテンプレート。
- Mailchimp Email Blueprints - メールブループリントは、メールデザインの基礎となるHTMLメールテンプレートのコレクションです。
- Campaign Monitor Templates - 美しい、ブランドに合わせたメールマーケティングキャンペーンを簡単に作成できます。
- Responsive Transactional HTML Email Templates - 各テンプレートはレスポンシブであり、すべての主要なメールクライアントでテストされています。
- Cerberus - 少ないレスポンシブメールパターン。
- Antwort - Antwortは、メールにレスポンシブレイアウトを提供し、クライアントの幅にフィットし、適応します。
- Responsive HTML Template - このテンプレートは、すべての主要なメールプラットフォームで動作し、メディアクエリを使用してスマートフォンにレスポンシブです。
- HTML Email Templates - スタートアップおよびSaaS向けのレスポンシドHTMLメールテンプレート。
- Free Responsive template : Slate - 5つの事前にテストされたテンプレートで、どのメールサービスにも対応します。
- Grunt Email Boilerplate - Gruntでメールを作成するためのテンプレート。
- Responsive Email Patterns - レスポンシブメール向けのパターンとモジュールのコレクション。
- Email boilerplate - 整ったフォーマットのメッセージを送信するためのメールのベーステンプレート。
- htmlemail - スタートアップおよび開発者向けのレスポンシブHTMLメールテンプレート。
- Postmark Transactional Email Templates - アプリケーション向けの確実なメールテンプレート。
- Stripo - Stripoで提供される、レスポンシブかつインタラクティブな美しいメールテンプレートの豊かなセット。
- Postcards - コーディング知識なしでオンラインでレスポンシブメールテンプレートを設計できます。
- Lee Munroe’s Grunt Email Design - レスポンシブHTMLメールテンプレートの設計とテストに使えるGruntワークフロー
ツール
- Can I Email - HTMLおよびCSSにおけるメールでのサポートテーブルを提供します.
- Topol - 1分で素晴らしいレスポンシブHTMLメールを作成できます.
- MJML Desktop App - MJML公式のデスクトップアプリ.
- Rollover - メール受信者が画像上をマウスで移動させたときに別の画像を表示するロールオーバー画像のコードを生成します.
- Bulletproof Email Buttons - プログレッシブに強化されたVMLとCSSを使って美しいボタンを設計できます.
- Bulletproof Background Images - VMLとCSSの助けを借りて、HTMLメールに安定した背景画像を作成できます.
- Stripo.email - HTMLメールビルダーをオンラインでドラッグ&ドロップで使用し、HTMLスキルなしでプロフェッショナルでレスポンシブなメールテンプレートを迅速に作成できます.
- MySigMail Card - 無料のドラッグ&ドロップビルダーで、直感的に非常に速くメールテンプレートを作成できます.
- TestSubject - あなたのメールの件名が最も人気のあるモバイルデバイスでどのように表示されるかをテストできます.
- MailSpice analytics - すべてのメールサービスに適用可能なメール分析拡張機能で、すべてのメールキャンペーンについて深い洞察を提供します(すべてのESPと対応).
- Alter.email - 無料のツールで、CSSをインライン化し、使われていないCSSを削除し、テキストを整理し、タグに追加属性を付加し、URLトラッキングパラメータを追加し、最小化し、さらにはHTMLメールを美しく整えます.
- Sensitive Subjects - 恥ずかしい件名を送らないでください!
- Detergent - HTMLに貼り付けるためのテキストを準備するツール:不可視Unicode文字(例:ETX がPSDファイルから来ることもあります)を削除し、特別な文字(例:£を
£に変換)をエンコードし、タイプグラフィックを改善します. - EmailComb - メールに適した使われていないCSS削除ツールで、パースせずに混合ソース(あなたのESPテンプレートタグを含む)を受け入れます。追加機能:CSSの醸成(HTML Crushによって提供)とHTML/CSSの最小化。
- HTML Crush - メールに適したHTML最小化ツール:行を500文字に制限(ベストプラクティス)、Outlookの条件付きタグを尊重し、ESPテンプレートタグを含む複数ソースに対応。必要に応じて、インデントのみを削除(改行は変更しない)。
- Tabifier - HTML Crushの逆機能——HTMLファイル内のインデントを整えるツール。ESPテンプレートタグを含む複数ソースに対応。
- Email Link Builder - メールアドレスにリンクを生成し、受信者、件名、本文などを事前に埋め込み、メールのドラフトを開く。
- email-verifier - メールの検証を行うツールだが、メールを送信せずに済む。
- DevMail - ソフトウェア開発者向けのメールサンドボックス。開発、ステージング、品質保証、CI環境から送信されたメールをキャプチャ。
- Disposable Email Check API - メールアドレスが一時的なものかどうかをチェックする無料API。登録不要。
サービス
- Resend - 大規模にトランザクションメールを構築・テスト・送信。
- EmailOctopus - メールマーケティングを簡単に行う。
- Mailchimp - MailChimpは世界中で1500万人以上のユーザーにメールマーケティングを提供。
- Mailjet - すべてを統合したメールサービスプロバイダー。企業がマーケティングメール、トランザクションメール、メール自動化を送信できる。
- Mailscribe Mailmaker - AIを活用したメールマーケティングプラットフォーム。メールの設計に組み込まれた構成要素を活用。
- Campaign monitor - Campaign Monitorは、メールマーケティングキャンペーンの作成・送信・最適化を簡単に行うツール。
- Sendgrid - トランザクションメールおよびマーケティングメールを一つの信頼できるプラットフォームを通じて配信。
- Postal - 完全に機能を備えたオープンソースのメール配信プラットーン。送信・受信メールに対応。
- SparkPost - アプリケーションのメール:正確にタイムリーに届き、インボックスに到着。
- Mautic - マウティク・マーケティングオートメーション。学習が簡単で、使い勝手が良く、改善がしやすいマーケティングオートメーションにより、よりスマートなキャンペーンを、さらに速く構築できます。
- Mailgun - 開発者向けのトランザクショナルメールAPIサービス。
- eSputnik - eSputnikは、世界中で3万以上の忠誠的な顧客に信頼されているマーケティングオートメーションシステムで、月に10億件以上のメールを送信しています。
- Postmark - アプリケーションのメールを高速で配信。Postmarkは、お客様に常に正確に、確実にトランザクショナルメールを届けます。
- ImprovMX - ドメイン名に無料のメールアリアスを作成できます。
- Reacher - メールが存在するか確認するだけでメールを送信しません。Rustで書かれており、100%オープンソースです。
- Kickbox - メール検証サービス(メールが存在するか確認)。
- Forward Email - 100%オープンソースかつプライバシーに配慮したメールサービス。
- Campaign Cleaner - 最適化された、高性能なメールキャンペーンのための究極のツール。
- ForwardMX - ドメイン名向けのプレミアムメールフォワードサービス。
- Heybounce - メールが存在するか確認し、一時的なメールアドレスを検出するメール検証サービス。
セルフホスト型サービス
- Cloud Seeder - Postfix+DovecotまたはStalwartメールサーバーインスタンスの1クリックインストールとアップグレード。手間なしで完了。
- iRedMail - 簡単にインストールできるオープンソースメールサーバー解決策。
- Mail-in-a-box - 数少ない簡単なステップで、あなた自身がメールサービスプロバイダーになることができます。
- Mailcow - 「moo」を備えたメールサーバーセット。使いやすいDocker化されたセルフホストメールソリューション。
- Mailtrain - ノドメールをベースにしたセルフホスト型ニュースレターアプリ
- Mautic - マウティク・マーケティングオートメーション。学習が簡単で、使い勝手が良く、改善がしやすいマーケティングオートメーションにより、よりスマートなキャンペーンを、さらに速く構築できます。
- Modoboa - 最新の標準に適合し、配信と信頼性保護を最適化した、完全なメールサーバーを迅速にデプロイ・マネージできるソリューション。
- Poste.io - 1つのドコーアコンテナに収録された完全なメールサーバー。
- SimpleLogin - セルフホスト型メールアリアソリューション。
記事
- My Wonderful HTML Email Workflow - リー・ムノアのMJMLとMDXを活用した、レスポンシブメールのワークフロー。
- Email Design Workflow - リー・ムノアによるメールデザインワークフロー。
- Composing better emails - 効果的なメールを書くためのヒント。
- Darylldoyle Gulp workflow - グルプメールクリエイタは、リー・ムノアのグラントメールデザインワークフローをインスピレーションとして作られたグルプワークフロー。
- Html Email Development Workflow - サイトポイントによる典型的なメール開発ワークフロー。
デザイン
- CSS Support - 世界中の人気のあるモバイル、ウェブ、デスクトップメールクライアントすべてのCSSサポートについての完全な解説。
- Email Template Guide - モジュール化されたメールテンプレートシステムの使用。
- Mail Servers Best Pratices - このガイドは、メールサーバーを運用してきた経験から学んだメール最適化のベストプラクティスの簡潔な要約です。
- Stylecampaign - 50件のレスポンシブな小売メールを分析し、ナビゲーションのパターンを解説します。
ブログ
- EmailOctopus Blog
- Litmus Blog
- Stylecampaign Blog
- Myemma Blog
- Postmarkapp Blog
- Spently Blog
- Emailmonks Blog
- Stripo.email Blog - メールマーケティング・メールデザインブログ。
- HTML Email Blog
- Build Better Blog - メールマーケティングにおけるデザインとコンテンツ制作
- Email Design Blog - すべてのメールマニア向けの記事・チュートリアル・インスピレーション
リソース
- Email marketing regulations - 世界中のメールマーケティング規制についてのガイド
- Email toolbox - メールマーケティングおよびデザインに役立つ厳選リソース
- Mailchimp - Mailchimpから提供される素晴らしいリソース
- Litmus Resources - Litmusのリソースで、最新のメールニュースとトレンドを常に把握
- Campaign Monitor Resources - Campaign Monitorのリソースで、短時間で専門家に!
- Campaign Monitor Dev Resources
- Mailchimp - Mailchimp メールデザインリファレンス
- Arstechnica - 自作メールサーバーの構築方法に関するチュートリアル
- Mailmodo- メガメールテンプレートライブラリ。無料でテンプレートを取得したり、自作のメールテンプレートをカスタマイズしたりできます
着想例
- Email Copy - 優れた企業から提供されたメールコピー
- Really good emails Codepen
- Really good emails - 宇宙最強のメールデザイン
- TidyMails - メールニュースレターの宇宙
- Milled
- The Top Email Campaigns - Campaign Monitorから選ばれた最も効果的なメールマーケティングキャンペーン
- Htmlemaildesigns - 次に作るメールデザインをインスピレーションにしてくれる美しいメール
- WhoSentWhat - 受信トレイに届くメールニュースレターをウェブ上で閲覧できます。
統計
- Myemma Email Stats - エマ・インクが現代のメールマーケティングに教える18の必須データ
- Mailchimp Research - Mailchimpの研究チームがデータを分析し、メールキャンペーンの改善を支援します。
- Campaign Monitor 2015 Report - 2015年報告:メールマーケティングの新しいルール
- Campaign Monitor 2016 Report - Campaign Monitorの2016年年次レビュー。
テスト
- PutsMail - 送信前にHTMLメールをテストできる無料ツール!
- Litmus - Litmusでメールをテスト・トラッキングできます
- Campaign Monitor - キャンペーンモニターリーで、さまざまなメールクライアントでのデザインをテストできます
- Grunt Litmus - Gruntを使ってLitmusにメールテストを送信できます
- Gulp Litmus - Gulpを使ってLitmusにメールテストを送信できます
- MailTrap - 実際の顧客にスパムを送らずにメールをテスト・閲覧・共有できる仮のSMTPサーバー
- testmail.app - 無制限のメールボックスとGraphQL APIを備えた仮のSMTPサーバー(端末間テストを自動化可能)
- MailHog Goベースのローカル仮のSMTPサーバー
- MailCatcher Rubyベースのローカル仮のSMTPサーバー
- Email Privacy Tester - メールクライアントのプライバシーフィーチャー(リモートコンテンツの読み込み)をテストできるツール
- Mail Tester - あなたのメールのスパム性をテストします。
- Mailsnag - SMTPテスト用メールサーバー。遅延やエラーをシミュレートし、実際の顧客へ送信せずにメールをプレビュー・共有できます。
- Email Spam Tester - あなたのメールがスパムフォルダに届くかどうかを確認できる無料ツール。
学習資料
- Responsive HTML Email Design - Justine JordanとJason Rodriguezによるレスポンシブメールコース。
- Mastering HTML Email - このチュートリアルシリーズは、基礎から学び、開発手法、ワークフロー、デザインアプローチを探索します。
- Building Responsive Email Templates with Ink - Inkでレスポンシブメールテンプレートを構築する。
- Litmus learning - Litmusの学習リソース。
貢献
提案やプルリクエストを歓迎します! 🤙 貢献する場合は、貢献ガイドラインをお読みください。
関連項目
- Awesome JS Books - すべての最高のJavaScript書籍を収録した厳選リスト。
- Web Configs - ウェブアプリ開発に必要なすべての共通設定を一括管理するモノリスリポジトリ。
- My Neovim Config - ウェブ開発に特化したLuaで書かれた小さなNeovim設定。
