Caniemail.com - Dienst zur Prüfung der Kompatibilität von E-Mail-Inhalten (caniuse-Version für E-Mails)

(caniemail.com)

6 Punkte von GN⁺ 2024-05-07 | 1 Kommentare | Auf WhatsApp teilen

Unterstützung der CSS-Eigenschaft `transition` (29. März 2024)

Eine Übersicht über den Stand der Unterstützung der CSS-Eigenschaft transition in E-Mail-Clients
Die CSS-Eigenschaft transition ermöglicht es, Änderungen von CSS-Eigenschaftswerten über einen bestimmten Zeitraum mit Animationseffekten zu versehen
Wird von E-Mail-Clients noch nicht breit unterstützt

Eine Übersicht über den Stand der Unterstützung der CSS-Eigenschaft text-wrap in E-Mail-Clients
Die CSS-Eigenschaft text-wrap legt fest, wie lange Wörter umgebrochen werden sollen
Wird von E-Mail-Clients noch nicht breit unterstützt

Eine Übersicht über den Stand der Unterstützung der CSS-Eigenschaften word-spacing, shape-margin, shape-outside in E-Mail-Clients
word-spacing ist eine Eigenschaft zur Anpassung des Abstands zwischen Wörtern
shape-margin und shape-outside sind Eigenschaften, die festlegen, wie Text um Bilder oder Objekte herumfließt
Wird von E-Mail-Clients noch nicht breit unterstützt

Eine Zusammenfassung der Updates, die im März 2024 der Caniemail-Website hinzugefügt wurden

Eine Zusammenfassung der Updates, die im Februar 2024 der Caniemail-Website hinzugefügt wurden

Eine Website, die von @HTeuMeuLeu und dem Team von Tilt Studio gestartet wurde und gepflegt wird
Basiert auf dem ursprünglichen caniuse.com von @Fyrd und wurde von @Lensco gestaltet
Basiert auf der ursprünglichen Idee und dem Namen von @M_J_Robbins und dem Team von Rebel
Die Community der E-Mail-Entwickler auf GitHub unterstützt Beiträge zu den Daten
Bei Problemen wird darum gebeten, Bugs auf GitHub zu melden

Eine sehr nützliche Website für E-Mail-Entwickler, auf der sich die Unterstützung von CSS-Eigenschaften in den einzelnen E-Mail-Clients auf einen Blick erfassen lässt. Beim Einsatz neuer CSS-Eigenschaften in E-Mails ist sie für Kompatibilitätsprüfungen unverzichtbar.
Die CSS-Unterstützung von E-Mail-Clients ist im Vergleich zu Webbrowsern noch deutlich eingeschränkt. Vor allem animationsbezogene und layoutbezogene Eigenschaften werden kaum unterstützt, was die Grenzen des E-Mail-Designs mitbestimmt.
Da regelmäßig über Updates informiert wird, dürfte die Website E-Mail-Entwicklern helfen, auf dem neuesten Stand zu bleiben. Allerdings ist der Update-Rhythmus so kurz, dass es auch anstrengend sein könnte, alles zu verfolgen.
Ähnliche Websites sind etwa EmailOnAcid und Litmus; der Unterschied besteht darin, dass diese Vorschaubilder als Screenshots des Renderings in den jeweiligen Clients bereitstellen. In Kombination mit Caniemail könnte das einen Synergieeffekt bringen.

GN⁺ 2024-05-07

Zusammengefasst:

Die Unterstützung von Dark-Mode-E-Mails ist für Frontend-Entwickler eines der frustrierendsten Themen. Man muss nur ein Light-Mode-Design umsetzen und Farben wählen, die auch bei der automatischen Farbinvertierung des E-Mail-Clients im Dark Mode noch gut aussehen.
Wenn man E-Mail-Templates mit mjml (https://mjml.io/) erstellt, verbessert sich die Kompatibilität.
Mit Litmus (https://litmus.com) oder testi.at kann man testen, wie E-Mail-Templates in verschiedenen Apps und auf unterschiedlichen Geräten aussehen.
Es gibt die amüsante Anekdote, dass viele Leute die Seite Can I email? besuchen, weil sie berühmten Personen eine E-Mail schicken wollen.
HTML ähnelt eher einer Anwendung als einem Dokument, daher ist die Unterstützung in Mail-Clients eingeschränkt. Ein offizieller HTML-Subset-Standard für Dokumente wäre wünschenswert.
Manche halten es für einen der größten Fehler überhaupt, HTML in E-Mails eingeführt zu haben, und finden Plain-Text-Inhalte am besten.
jsx-email hat eine integrierte CLI zur Prüfung der E-Mail-Client-Kompatibilität, die den caniemail-Datensatz verwendet.
Gmail und Outlook liegen im Kompatibilitätsranking ganz unten.
Je niedriger das Ranking, desto besser. Manche haben die Richtlinie, „E-Mails mit nicht vorab vereinbarten Anhängen automatisch zu löschen“.