HTMLメール

メールの実装・テストを行うのに便利なサービスまとめ

メールを伴うシステム開発は大変です。送信するたびにメールクライアントで確認したり、デザインの調整もHTMLとは異なるテクニックが必要になります。 そうしたメールの実装やテストを楽にしてくれるサービス・ソフトウェアを紹介します。

HTMLメールを作成するのに使えるマークアップ言語まとめ

HTMLメールを作成する場合、HTMLを使わなければなりません。しかし、WebページのHTMLとHTMLメールのHTMLは若干ルールが異なります。外部のCSSファイルは使えませんし、CSSも一部はHTMLメールで利用できません。Webブラウザではうまく表示できても、HTMLメー…

HTMLメールの中で使える画像フォーマットまとめ

HTMLメールの中で画像を利用する際、どのフォーマットを利用しているでしょうか。多くの場合、Webと同じくGIF/JPEG/PNG辺りを利用しているかも知れません。 今回はCan I emailより、各画像フォーマットについてメールクライアントのサポート状態を調べてみま…

HTMLメールを作るのに特化したエディタまとめ

HTMLメールを作る際にはテンプレートをダウンロードして、エディタで修正するのではないでしょうか。HTMLエディタを使うこともできますが、HTMLメール特有の書き方に対応していない場合もあるので、結局HTMLタグを手打ちすることになります。 こうした面倒か…

HTMLメールを作るのに最適なフレームワークまとめ

HTMLメールは通常のWebサイト向けのHTMLとは多少異なります。また、コンテンツが受信者のところに直接届くので、後から修正するのは困難です。デザインの乱れが起こらない、適切なHTMLを記述しなければなりません。 そこで使いたいのがHTMLメールに特化した…

HTMLメールのアクセシビリティ向上に使いたい。カラーチェックツールまとめ。

人によって程度は異なりますが、世界で5%程度の男性が何らかの色覚障害を持っていると言われています(女性は0.2%)。そうした点を無視して作成したHTMLメールは、読み手にとって読みづらく、強いストレスを感じさせるものになってしまうでしょう。 今回は主…

HTMLメールのソースを綺麗にしてくれるツールまとめ

HTMLメールは通常のWebサイトで表示するHTMLとは仕組みが異なります。例えば外部のCSSファイルではなく、インラインのstyleタグを利用するといった具合です。 ついついWebサイト向けにデザインして、すべてのスタイル情報を埋め込みたくなりますが、その結果…

HTMLメールでどの機能が利用できるのか調べるのに便利な「Can I email」

HTMLメールは表示するクライアントソフトウェアによって機能差異が発生します。Webブラウザと同じHTML、CSSが使える訳でもありません。その結果、自分が普段使っているメールクライアントならば正しく表示できるのに、別なプラットフォームのメールクライア…