Maizzle - HTMLメールを作るためのフレームワーク
HTMLメールを使うのも当たり前になってきました。しかし、レスポンシブなメールをきちんとメール向けに仕様に合わせて送らないとレイアウトが崩れてしまったりします。それではせっかく目立つHTMLメールを使っているのに勿体ないです。 そこで使ってみたいのがMaizzleです。HTMLメールを作るためのフレームワークです。 Maizzleの使い方 一例です。Webブラウザでプレビューを出しながら作成できます。 よくあるメールアドレス確認メール用のテンプレート。 管理画面です。 ホットリロードやスクロール同期などの機能があります。 MaizzleはJekyllに似たテンプレートエンジンを使っています。テンプレートに沿って作成することで、レスポンシブなメールテンプレートが簡単にできます。デバッグ機能もあり、HTMLメールを作る際に役立つツールになるでしょう。 MaizzleはJavaScript製のオ
現役デザイナーが語る、実践から学んだレスポンシブ Eメール作成のポイントまとめ
著者 Lee Munroe は、数年間にわたりデベロッパーツールをデザインしており、その中の２年間は Mailgun というデベロッパー向け Eメールサービスの会社で、リードデザイナーとして働いてきました。今回は、実践から学んだレスポンシブ・Eメールデザインのポイントをまとめてご紹介します。 詳細は以下から。 モバイル向け Eメールにおける統計まとめ モバイル端末でEメールを開くユーザーは50%を超えており、今も増加しています。正確な数字は確認するレポートやユーザーによりますが、重要なポイントであることがわかると思います。ソース Gmail は900万ユーザー、75%がモバイルユーザー。ソース Email Client Market によると、2016年8月現在、iPhone 33%、iPad 11%、Android 10%（これだけで50%超え。） Mailchimpによるとレスポンシブ
MJML - レスポンシブなHTMLメール用テンプレート
今やレスポンシブデザインはWebだけでなく、メールにおいても大事な存在になっています。メールもデスクトップはもちろん、スマートフォンやタブレットで閲覧することもあるでしょう。 そんなメール用のレスポンシブデザインを実現してくれるフレームワークがMJMLです。専用の記法で作るのが特徴です。 MJMLの使い方 MJMLのシンプルなデモです。 モバイルで見た場合のデザインに変更しました。 こんな複雑なデザインも実現できます。 メニューをつけたデザイン。 モバイルデザイン。 MJMLを使うことで、最適なレスポンシブデザインが容易に実現できるようになります。メールはサーバ側のHTMLと異なり、JavaScriptを実行したり、データの出し分けもできません。MJMLを使えばメールの反応率も大きく変わってくることでしょう。 MJMLはnode/JavaScript製のオープンソース・ソフトウェア（MIT
Gmail, Outlookをはじめ、デスクトップ・ブラウザ・スマホメールにレスポンシブ対応のHTMLメールのテンプレート -Cerberus
HTMLメールのコードは通常のWebページより難しい、という人は少なくないと思います。しかもレスポンシブ対応のHTMLメールになると、更に難易度があがります。 メールでよく利用されるレイアウトのパターンをシンプルにまとめた、レスポンシブ対応のHTMLメールのテンプレートを紹介します。 Cerberus Cerberus -GitHub Cerberusの特徴 CerberusのHTMLメールのテンプレート Cerberusの特徴 Cerberusは現在主流のメールクライアントをサポートしたレスポンシブ対応のHTMLメールのテンプレートで、MITライセンスで無料で利用できます。 サポートしているクライアントは、下記の通り。 デスクトップ Outlook 2000/02/03/07/10/13 (Windows) Outlook 2011/16 (Mac) Apple Mail Thunder
Reduce email development time by hours » MailDeveloper
Reduce email development time by hours Start using MailDeveloper, the advanced email template editor. For developers and marketers alike. Since 2015, 1,000,000s of recipients* have received MailDeveloper-built emails in their inbox It is advanced: unlike most builders, you are not limited to stacking pre-built components on top of each other. You build the components yourself and arrange them howe
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。 ※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。 まずはテンプレートの選択をします。 2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
TechCrunch | Startup and Technology News