Caniemail.com - servicio para comprobar compatibilidad de contenido de email (versión para email de caniuse)

(caniemail.com)

6 puntos por GN⁺ 2024-05-07 | 1 comentarios | Compartir por WhatsApp

Compatibilidad de la propiedad CSS `transition` (29 de marzo de 2024)

Resumen del estado de compatibilidad de la propiedad CSS transition en clientes de email
La propiedad CSS transition permite aplicar un efecto de animación a los cambios de valores de propiedades CSS durante un período de tiempo determinado
Todavía no cuenta con un soporte amplio en los clientes de email

Resumen del estado de compatibilidad de la propiedad CSS text-wrap en clientes de email
La propiedad CSS text-wrap especifica cómo manejar el salto de línea en palabras largas
Todavía no cuenta con un soporte amplio en los clientes de email

Resumen del estado de compatibilidad de las propiedades CSS word-spacing, shape-margin, shape-outside en clientes de email
word-spacing es una propiedad que ajusta el espacio entre palabras
shape-margin y shape-outside son propiedades que especifican la forma en que el texto rodea imágenes u objetos
Todavía no cuentan con un soporte amplio en los clientes de email

Noticias que resumen las actualizaciones añadidas al sitio de Caniemail en marzo de 2024

Noticias que resumen las actualizaciones añadidas al sitio de Caniemail en febrero de 2024

Sitio lanzado y mantenido por @HTeuMeuLeu y el equipo de Tilt Studio
Basado en el caniuse.com original de @Fyrd y diseñado por @Lensco
Basado en la idea original y el nombre creados por @M_J_Robbins y el equipo de Rebel
La comunidad de desarrolladores de email en GitHub apoya la contribución de datos
Indican que, si hay problemas, se reporten bugs en GitHub

Es un sitio muy útil para desarrolladores de email, ya que permite ver de un vistazo el estado de compatibilidad de propiedades CSS por cada cliente de email. Es un sitio imprescindible para revisar compatibilidad al aplicar nuevas propiedades CSS en emails.
El soporte de CSS en clientes de email sigue siendo bastante limitado en comparación con los navegadores web. Las propiedades relacionadas con animaciones o layout casi no están soportadas, lo que termina siendo una limitación para el diseño de emails.
Como publican novedades de actualización con regularidad, parece útil para que los desarrolladores de email se mantengan al día con la información más reciente. Aun así, el ritmo de actualizaciones puede ser tan corto que resulte difícil seguirlo.
Hay sitios similares como EmailOnAcid y Litmus, pero la diferencia es que estos ofrecen capturas de pantalla de vista previa de cómo se renderiza en cada cliente. Usarlos junto con Caniemail podría generar un efecto de sinergia.

GN⁺ 2024-05-07

En resumen:

El soporte de correo en modo oscuro es una de las cosas más frustrantes para los desarrolladores frontend. Hay que implementar solo el diseño para modo claro y elegir colores que se vean bien con la inversión automática de colores del modo oscuro en los clientes de correo.
Si construyes plantillas de correo con mjml(https://mjml.io/), la compatibilidad mejora.
Con Litmus(https://litmus.com) o testi.at se puede probar cómo se ven las plantillas de correo en distintas apps y dispositivos.
Hay una anécdota curiosa de que mucha gente visita el sitio Can I email? porque quiere enviar correos a celebridades.
HTML se parece más a una aplicación que a un documento, por eso su soporte en clientes de correo es limitado. Sería bueno contar con un estándar oficial de subconjunto de HTML.
Algunos creen que haber introducido HTML en el correo fue de lo peor, y que el contenido en texto plano es lo mejor.
jsx-email tiene un CLI integrado de verificación de compatibilidad con clientes de correo que usa el dataset de caniemail.
Gmail y Outlook están en los últimos lugares del ranking de compatibilidad.
Cuanto más bajo es el ranking, mejor. Algunos tienen la política de "eliminar automáticamente los correos con archivos adjuntos no acordados previamente".