今日の当番：ちむ
いろんなメーラーに対応するのは骨が折れます。
強い心をもって作成しましょう。
メディアクエリと縁を切る
メルマガにおいて、メディアクエリは信用なりません。
特に、スマホのブラウザでメーラーを開いたときなど、
「そうじゃない」ってなることが多いです。
なるべくレスポンシブしなくて済むような、シンプルなデザインにするといいでしょう。
Gmailの102KB問題
Gmailでは、メールの容量が102KBを越えると省略表示されます。
まあそれのせいでデザインが崩れるよ〜〜〜〜なんてことはたまにしかないのですが、
デザインの他に１つ困る場合があります。
それは開封タグを</body>の直前に置いているときです。
メールの開封率なんかを測るためにちっこい画像を配置して、その画像urlにリクエストが飛ぶことで開封したかどうかをカウントするのはメルマガでよく見かける手法です。
しかし、この開封計測画像を</body>直前に置くと、Gmailで省略表示されたときに、メールは開いているけど全体表示がされていないから開封にカウントされない事象が起こります。
一大事ですね。
開封タグをつける場合は<body>開始タグの後ろにつけてあげましょう。
marginに潜む罠
web画面では当たり前のように使うmargin。
marginなしでは生きていけないほど重要なプロパティですが、
メルマガではたまに、無効化されるのです！！！！！
私が出会った事象は、yahooメールでした。
ある日突然yahooメールだけ余白がなくなってしまったのです。
とんでもねえな。
こんな恐ろしい体験をしたくないかたは、ぜひスペーサー画像を使ってあげてください。
1px × 1pxの透明な画像を使って空白をあけてあげることで、
余白のことを心配せず、健やかな毎日を送れるようになります。アーメン。
まだ終わらない戦いの日々
随時、恐怖体験を追加していきます。
皆様のメルマガ作成に、健康と癒しを捧げて今日も元気に生きていきます。