見た目そのまま編集可能なオープンソースのHTMLメールデザインツール「SENDUNE」を使ってみた

2024/08/10 100 users Designer プリセット Drag and drop

SENDUNEは簡単にHTMLメールをデザインできるオープンソースのツールとのことなので、実際に使い勝手を確かめてみました。 Open source, drag and drop HTML email designer. | SENDUNE https://designer.sendune.com/ サイトにアクセスするとこんな感じ。あらかじめプリセットが用意されています。 「Your Logo」と書か... 続きを読む

攻撃メールの訓練を会社でやったが、いくらなんでも本気出しすぎで引っかかる人が続出「ハンター試験？」

2023/12/17 230 users 続出 訓練 ハンター試験 UDONCHAN 攻撃メール

鈴木うどんみ @_udonchan_ 弊社の標的型メールの訓練、「京急が運賃改定したから出張旅費入れ直せ」って社内システムのフォーマットできて、しかもリンクがhtmlメールでURL偽装されており、当然引っかかった人が続出したんだが、いくらなんでも本気出し過ぎだと思う。あれはずるいわ。 2023-12-16 17:31:22 続きを読む

HTMLメールの最近の実装方法を解説、tableは不要になりました

2023/06/01 314 users table レンダリングエンジン modern Edge 解説

HTMLメールの実装で「tableか、、、」とため息をついていた人に朗報です。 tableを使用しなくてはいけなかった理由はWindows上のOutlookだったのですが、新しいOutlookではレンダリングエンジンがEdgeに切り替わります。これにより、tableによる実装は不要になります。 HTMLメールの最近の実装方法を解説します。 Modern... 続きを読む

HTMLメール用のCSSリセットとテンプレート、主要なメールクライアントのバグにも対応 -normalize.email.css | コリス

2017/12/06 197 users Flexbox メールクライアント コリス デフォルト 主流

WebブラウザがFlexboxやCSS Gridをサポートしていく中、HTMLメールではXHTMLとtableレイアウトがまだまだ主流です。 HTMLメールを作成する時のベースになる、HTMLのテンプレートと有用なデフォルトのスタイルを提供するCSSリセットを紹介します。 normalize.email.css -GitHub normalize.email.cssの特徴 normalize.em... 続きを読む

レスポンシブに対応したHTMLメールのつくり方 | 技術コラム | つみきブログ

2015/04/07 302 users レスポンシブ つみき メーラー 高松 フォーマット

つみきのフロントエンドエンジニア、高松です。 最近、HTMLメール形式で配信するメールマガジンのフォーマットを作る機会があり、今回はその際に学んだレスポンシブなHTMLメールのつくり方を書いてみたいと思います。 HTMLメール作成時に注意しなければならないこと ユーザーがメールを受信するために使うメーラーは多種多様で、各メーラーによってHTMLメールへの対応状況も大きく異なります。 そのため、HT... 続きを読む

これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree | コリス

2014/10/27 316 users メールアプリ コリス プレビュー レイアウト レスポンシブ対応

ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした！ BeeFree 使い方は簡単です。 上記ページの「Let's get started」をクリックし、HTMLメ... 続きを読む

まだやってない？メルマガをスマホ最適化して開封率/クリック率を向上させる9個の方法 | Find Job ! Startup

2013/08/20 134 users 後回し ユニクロ Startup 工夫 ノウハウ集

メルマガはちょっとした工夫で反応率を上げられる！ 今回の記事では、対応必須ながら後回しになりやすいスマホ用メルマガで開封率・クリック率をアップさせる小技を紹介します。「今は必要ない、だけどいつか使うかも」という方は、ぜひサっとでも目を通して、メモして頂けたらと思います！ テキストメールでも、htmlメールでも共通するノウハウ集です。 今回の記事は、楽天・Yahoo!・ユニクロをはじめ5000件以上... 続きを読む

無料で手軽にHTMLを使ったメルマガの作成と配信ができるウェブサービス「MailChimp」を使ってみた - GIGAZINE

2013/02/11 227 users GIGAZINE MailChimp ウェブサービス 作業

最大2000人の購読者に対して、月間1万2000通までのメールマガジンを無料で配信できるクラウドアプリケーションが「MailChimp」です。同サービスは購読者の登録と管理を行う専用ツールやHTMLメールの作成支援機能、課金管理システムなどを備えており、ウェブブラウザ上で簡単な作業をするだけでオリジナルのメールマガジンを配信することが可能となっています。 Email Marketing and E... 続きを読む

主要メーラーのバグを回避するHTMLメール用テンプレート -Email-Boilerplate | コリス

2011/08/09 194 users コリス メールアプリケーション パク Outlook 作成

Gmail, Outlook, Yahoo Mail など主要なメールアプリケーションに対応した、HTMLメールの主要なレンダリングの問題を避けるために開発されたテンプレートを紹介します。 合わせて、HTMLメールの作成に役立つポイントをまとめたスライドショーも紹介します。 Email-Boilerplateとは HTMLメールの作成に役立つスライドショー Email-Boilerplateとは ... 続きを読む

HTMLメールのデザインテンプレート集「Free HTML Newsletter Templates」 | DesignDevelop

2011/04/03 100 users DesignDevelop templates テイスト

デザインが施された内容のメールは、通常のメールよりも目を惹き、内容への注目度を高めてくれる効果があると思います。そこで今回紹介するのは、HTMLメールのデザインテンプレート集「Free HTML Newsletter Templates」です。（100+ free HTML email templates | Campaign Monitor）さまざまなテイストのテンプレートが多数収録されており、... 続きを読む

プロがデザインしたHTMLメールの無料のテンプレート集（PSDファイル付き） -Campaign Monitor | コリス

2010/10/25 209 users ウェブデザイナー width コリス PSDファイル HTML

当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています（異な... 続きを読む

誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT

2010/07/14 789 users 比留間 メーラー 種明かし ニュ 面白法人カヤック

一撃デザインの種明かし（12） 誰でも作れる！ “崩れない”HTMLメルマガ作成術 面白法人カヤック 意匠部 ME（マークアップエンジニア）課 比留間 和也 2010/7/14 よく使われているメーラーを対象に注意点やコツを紹介しながら、初心者でもある程度問題のないHTMLメールを作る方法を紹介します キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュ... 続きを読む

PHPで日本語メールを送る – 応用編 (添付ファイル、HTMLメール) - EC studio 技術ブログ

2007/08/09 518 users PHP ヘッダ 添付ファイル EC studio 応用編

PHPで日本語メールを送る - 基本編に引き続き、 今回は応用編をお送りします。 基本編で解説したmb_send_mailを使えば シンプルなメールを送るには十分な機能がありますが、 それ以上に複雑なこと、例えばHTMLメールや添付ファイルを 使ったメールにはmb_send_mailは使えません。 mail関数を使ってヘッダにガリガリとメールの仕様に そって書けば送れるのですが、それではあまりに ... 続きを読む