タグ HTMLメール
人気順 10 users 50 users 100 users 500 users 1000 users見た目そのまま編集可能なオープンソースのHTMLメールデザインツール「SENDUNE」を使ってみた
SENDUNEは簡単にHTMLメールをデザインできるオープンソースのツールとのことなので、実際に使い勝手を確かめてみました。 Open source, drag and drop HTML email designer. | SENDUNE https://designer.sendune.com/ サイトにアクセスするとこんな感じ。あらかじめプリセットが用意されています。 「Your Logo」と書か... 続きを読む
攻撃メールの訓練を会社でやったが、いくらなんでも本気出しすぎで引っかかる人が続出「ハンター試験?」
鈴木うどんみ @_udonchan_ 弊社の標的型メールの訓練、「京急が運賃改定したから出張旅費入れ直せ」って社内システムのフォーマットできて、しかもリンクがhtmlメールでURL偽装されており、当然引っかかった人が続出したんだが、いくらなんでも本気出し過ぎだと思う。あれはずるいわ。 2023-12-16 17:31:22 続きを読む
HTMLメールの最近の実装方法を解説、tableは不要になりました
HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern... 続きを読む
MJMLでhtmlメールを楽にいい感じに書くことができた話 - BASEプロダクトチームブログ
この記事は BASE アドベントカレンダー 13 日目の記事です。 はじめに こんにちは。 BASE BANK 株式会社 Dev Division にて Software Developer をしている永野(@glassmonekey)です。 普段はバックエンドエンジニアとして、Go/Python/PHP を主に書いてたりします。 最近はチームの分析基盤づくりとかもやってたりします... 続きを読む
最近のHTMLメールで見かけるさまざまなレイアウトやコンポーネントが揃ったデザイン素材 -Email Design System | コリス
デスクトップ・スマホ対応のHTMLメールをデザインするのに役立つレイアウト、コンポーネント、シンボル、テンプレートが揃ったSketchのデザイン素材を紹介します。 HTMLメールのさまざまなデザインが収録されており、制作...記事の続きを読む 続きを読む
HTMLメール用のCSSリセットとテンプレート、主要なメールクライアントのバグにも対応 -normalize.email.css | コリス
WebブラウザがFlexboxやCSS Gridをサポートしていく中、HTMLメールではXHTMLとtableレイアウトがまだまだ主流です。 HTMLメールを作成する時のベースになる、HTMLのテンプレートと有用なデフォルトのスタイルを提供するCSSリセットを紹介します。 normalize.email.css -GitHub normalize.email.cssの特徴 normalize.em... 続きを読む
レスポンシブ対応のHTMLメールをドラッグ&ドロップで驚くほど簡単に作成できる無料ツール -Topol.io | コリス
便利なツールがどんどんリリースされています。 一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。 デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。 Topol.io Topol.ioはHTMLメールのフレームワーク「 MJML 」をベースに作成されており、さまざまなメールクライア... 続きを読む
『HTMLメールよりテキストメールのほうが受注率が1.89倍高い』って知ってました? | FULL KAITEN BLOG
『HTMLメールよりテキストメールのほうが受注率が1.89倍高い』って知ってました? 2017年5月15日 『クリック率だけでなく購入まで至ったかどうかの比較も気になる』 2017年5月10日に公開した 『HTMLメールよりテキストメールのほうがクリック率が1.84倍高い』って知ってました? で、多くの方が気にされていた点です。 ベビー服EC『べびちゅ』のメルマガの評価指標はクリック率です。 『な... 続きを読む
『HTMLメールよりテキストメールのほうがクリック率が1.84倍高い』って知ってました? | FULL KAITEN BLOG
『HTMLメールよりテキストメールのほうがクリック率が1.84倍高い』って知ってました? 2017年5月10日 メルマガで一番手間がかかるのが、HTMLメール(※1)の準備ではないでしょうか? ベビー服ネットショップ『べびちゅ』 でも、2016年12月までのメルマガはHTMLメールが中心でした。 テキストメールは、HTMLメールを受信できない人や簡易な内容のメールを送る際に利用する補助的な位置づけ... 続きを読む
RailsでFoundation for Emails 2.0を使ってレスポンシブなHTMLメールを送る - Qiita
この記事は トレタ Advent Calendar 2016 の24日目の記事になります。メリークリスマス! 今時のメールは大体HTMLメールなのですが、これが結構な曲者です。HTMLメールはブラウザ以上に互換性が低く、色々な罠があります。 RailsではActionMailerがHTMLメールをサポートしていますが、あまり深いところは助けてくれません。そこでいくつかのツールを合わせて解決して見ま... 続きを読む
HTMLメールを作成したらレイアウトがダダ崩れした話 - Qiita
株式会社LITALICO でWebエンジニアをしています、 @negi です。 本記事は『 LITALICO Advent Calendar 2016 』5日目の記事となります! HTMLメールをRailsのActionMailerを使って送る際に困ったこと、注意点について書こうと思います。 前提 開発環境 Ruby 2.2.3 Rails 4.2.5 やったこと Railsの Action Ma... 続きを読む
Gmail, Outlookをはじめ、デスクトップ・ブラウザ・スマホメールにレスポンシブ対応のHTMLメールのテンプレート -Cerberus | コリス
HTMLメールのコードは通常のWebページより難しい、という人は少なくないと思います。しかもレスポンシブ対応のHTMLメールになると、更に難易度があがります。 メールでよく利用されるレイアウトのパターンをシンプルにまとめた、レスポンシブ対応のHTMLメールのテンプレートを紹介します。 Cerberus Cerberus -GitHub Cerberusの特徴 CerberusのHTMLメールのテン... 続きを読む
ASCII.jp:メルマガ開封率をMeasurement Protocolで調べる|自分でできる!ユニバーサルアナリティクス活用ガイド
小さな企業やサイトで役立つユニバーサルアナリティクスの便利な使い方を紹介する本連載。今回はユニバーサルアナリティクスに追加された「Measurement Protocol」でHTMLメールの開封率を調べる方法を解説します。 応用自在のMeasurement Protocol Measurement Protocolは、Googleアナリティクスに直接データを送信する仕組みのことです。<img>タグ... 続きを読む
レスポンシブに対応したHTMLメールのつくり方 | 技術コラム | つみきブログ
つみきのフロントエンドエンジニア、高松です。 最近、HTMLメール形式で配信するメールマガジンのフォーマットを作る機会があり、今回はその際に学んだレスポンシブなHTMLメールのつくり方を書いてみたいと思います。 HTMLメール作成時に注意しなければならないこと ユーザーがメールを受信するために使うメーラーは多種多様で、各メーラーによってHTMLメールへの対応状況も大きく異なります。 そのため、HT... 続きを読む
これは使える!レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree | コリス
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした! BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメ... 続きを読む
レスポンシブ対応のHTMLメール用のシンプルなテンプレート(テキスト形式にも対応) | コリス
Responsive HTML Email Templateの使い方 使い方は簡単です。 「email.html」を使って、HTMLメールを作成します。 作成が完了したら、CSSをインラインにします。 これで、完了です。 CSSをインラインにする時は、下記のツールが便利です。 HTMLメール用のコードの完成 コードの下には、テキスト形式のメールでの表示も確認できます。 見出しの天地に罫線が自動で入... 続きを読む
まだやってない?メルマガをスマホ最適化して開封率/クリック率を向上させる9個の方法 | Find Job ! Startup
メルマガはちょっとした工夫で反応率を上げられる! 今回の記事では、対応必須ながら後回しになりやすいスマホ用メルマガで開封率・クリック率をアップさせる小技を紹介します。「今は必要ない、だけどいつか使うかも」という方は、ぜひサっとでも目を通して、メモして頂けたらと思います! テキストメールでも、htmlメールでも共通するノウハウ集です。 今回の記事は、楽天・Yahoo!・ユニクロをはじめ5000件以上... 続きを読む
HTMLメールのベストプラクティス的なものを調べてみた - F.Ko-Jiの「一秒後は未来」
最近HTMLメールでメールを送ってくるサイトが増えていますが、読みやすく仕上がっているものと、読みづらく感じるものとがあります。 その原因のひとつは「横幅」でしょうか。コンテンツの横幅が固定されていない場合、ブラウザを最大化して表示するとメールの1行も横に長くなってしまい、流し読みしづらくなりますよね。 ではHTMLメールの横幅はどうするのが適切なのでしょう。そのあたりを調べていたら「HTMLメー... 続きを読む
メールのためのレスポンシブWebデザインフレームワーク「Antwort」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
AntwortはレスポンシブなHTMLメールを実現するスタイルシートフレームワークです。HTMLはWebブラウザを使って閲覧するのに用いるのが基本ですが、他にも使われることがあります。その一つがHTMLメールです。独自の知識が必要になることもあるのですが、Antwortを使えばそのエッセンスだけすぐに得ることができます。 サンプルデザインです。 スマートフォンではこのように見えます。 デスクトップ... 続きを読む
HTMLメール用のレスポンシブテンプレート「Antwort」:phpspot開発日誌
Antwort | Responsive Layouts for Email HTMLメール用のレスポンシブテンプレート「Antwort」 HTMLメールを送る際に、メールクライアントに併せてレスポンシブに動くみたい。 float対応していないクライアント向けにtableタグを使う等しているところが、他のレスポンシブフレームワークと違うところ メールでのマーケティングに活用したいところですね 関連... 続きを読む
無料で手軽にHTMLを使ったメルマガの作成と配信ができるウェブサービス「MailChimp」を使ってみた - GIGAZINE
最大2000人の購読者に対して、月間1万2000通までのメールマガジンを無料で配信できるクラウドアプリケーションが「MailChimp」です。同サービスは購読者の登録と管理を行う専用ツールやHTMLメールの作成支援機能、課金管理システムなどを備えており、ウェブブラウザ上で簡単な作業をするだけでオリジナルのメールマガジンを配信することが可能となっています。 Email Marketing and E... 続きを読む
HTMLメールを簡単に作成する「Premailer」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
日本では普及はまだ今ひとつですが、海外ではHTMLメールが当たり前になっています。ビジュアル的にも映えるのでレスポンス率も高いようです。そんなHTMLメールを手軽に作成できるのがPremailerです。 0 続きを読む
HTMLメールを作るときに参考になるサイト - NAVER まとめ
Email Gallery - Home Email Gallery Free Email Templates Email Marketing Companies Submit Column --------------------------- One Column Two Columns Three Columns Type of Email ------------------------… 続きを読む
HTMLメールが必要な時のために!今から見ておくHTMLメールテンプレート色々 - バンクーバーのWEB屋
カナダに来た時困ったのが「ニュースレター?HTMLに決まってるじゃん!」な日本の考え方とは違ったHTMLメールバンザイ文化。 これまでの日本でのプロジェクトにはそいえばHTMLメールなんて扱うことが無かったので、結構困りました。日本でそれほど需要があるようには思えないHTMLメールですが、いざ作らなければいけない状況に陥った時に、なんだかんだあったら便利なHTMLメールのテンプレート! 「必要無い... 続きを読む
主要メーラーのバグを回避するHTMLメール用テンプレート -Email-Boilerplate | コリス
Gmail, Outlook, Yahoo Mail など主要なメールアプリケーションに対応した、HTMLメールの主要なレンダリングの問題を避けるために開発されたテンプレートを紹介します。 合わせて、HTMLメールの作成に役立つポイントをまとめたスライドショーも紹介します。 Email-Boilerplateとは HTMLメールの作成に役立つスライドショー Email-Boilerplateとは ... 続きを読む