CSS transition プロパティの対応状況（2024年3月29日）
- メールクライアントにおける CSS transition プロパティの対応状況をまとめた内容
- CSS transition プロパティは、CSS プロパティ値の変化に対して一定時間にわたりアニメーション効果を与える機能
- まだメールクライアントでは広く対応していない
CSS text-wrap プロパティの対応状況（2024年4月3日）
- メールクライアントにおける CSS text-wrap プロパティの対応状況をまとめた内容
- CSS text-wrap プロパティは、長い単語をどのように改行処理するかを指定するプロパティ
- まだメールクライアントでは広く対応していない
CSS word-spacing、shape-margin、shape-outside プロパティの対応状況（2024年3月13日）
- メールクライアントにおける CSS word-spacing、shape-margin、shape-outside プロパティの対応状況をまとめた内容
- CSS word-spacing は単語間の間隔を調整するプロパティ
- CSS shape-margin と shape-outside は、画像やオブジェクトの周囲にテキストを回り込ませる方法を指定するプロパティ
- まだメールクライアントでは広く対応していない
2024年3月の Caniemail アップデート情報（2024年3月29日）
- 2024年3月に Caniemail サイトへ追加された更新内容をまとめた情報
2024年2月の Caniemail アップデート情報（2024年2月29日）
- 2024年2月に Caniemail サイトへ追加された更新内容をまとめた情報
メールクライアントの CSS プロパティ対応状況
- Apple Mail (macOS) : 284件中267件に対応
- Apple Mail (iOS) : 284件中266件に対応
- Samsung Email (Android) : 284件中239件に対応
- SFR (Desktop Webmail) : 257件中226件に対応
- WEB.DE (iOS) : 235件中222件に対応
Caniemail サイトの紹介
- @HTeuMeuLeu と Tilt Studio チームが立ち上げ、保守しているサイト
- @Fyrd の元祖 caniuse.com をベースにし、@Lensco がデザイン
- @M_J_Robbins と Rebel チームの元のアイデアと名称をもとにしている
- GitHub のメール開発者コミュニティがデータ提供を支援
- 問題があれば GitHub にバグを報告してほしいと案内
GN⁺ の意見
- メール開発者にとって非常に有用なサイトで、各メールクライアントごとの CSS プロパティ対応状況をひと目で把握できる。新しい CSS プロパティをメールに適用する際、互換性チェックに欠かせないサイト。
- まだメールクライアントの CSS 対応は Web ブラウザに比べてかなり不足している状況。アニメーション関連プロパティやレイアウト関連プロパティはほとんど対応しておらず、メールデザインの限界として作用している。
- 定期的にアップデート情報を知らせているため、メール開発者が最新情報を把握するのに役立ちそう。ただし更新頻度が高すぎて追いかけるのが大変かもしれない。
- 類似サイトとして EmailOnAcid や Litmus などがあるが、これらのサイトは各クライアントでどのようにレンダリングされるかのプレビュー用スクリーンショットを提供する点が異なる。Caniemail とあわせて活用すると相乗効果が期待できそう。
1件のコメント
Hacker Newsのコメント
要約すると:
jsx-emailには、caniemail データセットを使う組み込みのメールクライアント互換性チェック CLI がある。