Caniemail.com - serviço de verificação de compatibilidade de conteúdo de e-mail (versão de e-mail do caniuse)

(caniemail.com)

6 pontos por GN⁺ 2024-05-07 | 1 comentários | Compartilhar no WhatsApp

Suporte à propriedade CSS transition (29 de março de 2024)

Resumo do status de suporte à propriedade CSS transition em clientes de e-mail
A propriedade CSS transition permite aplicar um efeito de animação à mudança de valores de propriedades CSS ao longo de um determinado período de tempo
Ainda não há suporte amplo nos clientes de e-mail

Resumo do status de suporte à propriedade CSS text-wrap em clientes de e-mail
A propriedade CSS text-wrap define como palavras longas devem ser quebradas em linha
Ainda não há suporte amplo nos clientes de e-mail

Resumo do status de suporte às propriedades CSS word-spacing, shape-margin, shape-outside em clientes de e-mail
word-spacing é a propriedade que ajusta o espaçamento entre palavras
shape-margin e shape-outside são propriedades que definem como o texto contorna imagens ou outros elementos
Ainda não há suporte amplo nos clientes de e-mail

Notícias que resumem as atualizações adicionadas ao site Caniemail em março de 2024

Notícias que resumem as atualizações adicionadas ao site Caniemail em fevereiro de 2024

Site lançado e mantido por @HTeuMeuLeu e pela equipe da Tilt Studio
Baseado no caniuse.com original de @Fyrd e com design de @Lensco
Baseado na ideia e no nome originais de @M_J_Robbins e da equipe Rebel
A comunidade de desenvolvedores de e-mail no GitHub apoia a contribuição de dados
O site orienta a reportar bugs no GitHub caso haja algum problema

É um site muito útil para desenvolvedores de e-mail, pois permite visualizar de relance o status de suporte a propriedades CSS em cada cliente de e-mail. É um site indispensável para verificar compatibilidade ao aplicar novas propriedades CSS em e-mails.
O suporte a CSS em clientes de e-mail ainda é bastante inferior ao dos navegadores web. Propriedades relacionadas a animação ou layout quase não são suportadas, o que acaba limitando o design de e-mails.
Como o site publica atualizações regularmente, parece útil para que desenvolvedores de e-mail acompanhem as informações mais recentes. No entanto, o ritmo de atualização pode ser curto demais e difícil de acompanhar.
Existem sites semelhantes como EmailOnAcid e Litmus, mas a diferença é que eles oferecem capturas de tela de pré-visualização de como o conteúdo é renderizado em cada cliente. Usados junto com o Caniemail, podem gerar um bom efeito de sinergia.

GN⁺ 2024-05-07

Resumindo:

O suporte a e-mails em dark mode é uma das coisas mais frustrantes para desenvolvedores frontend. É preciso implementar apenas o design em light mode e escolher cores que continuem legíveis quando o cliente de e-mail inverter as cores automaticamente no dark mode.
Usar o mjml(https://mjml.io/) para criar templates de e-mail melhora a compatibilidade.
É possível testar a aparência de templates de e-mail em vários apps e dispositivos com Litmus(https://litmus.com) ou testi.at.
Há uma anedota divertida de que muita gente visita o site Can I email? querendo mandar e-mail para celebridades.
Como o HTML está mais próximo de uma aplicação do que de um documento, o suporte nos clientes de e-mail é limitado. Seria bom existir um padrão oficial de subconjunto de HTML.
Alguns acham que introduzir HTML no e-mail foi a pior coisa possível e que conteúdo em texto puro é o ideal.
jsx-email tem uma CLI embutida de verificação de compatibilidade com clientes de e-mail que usa o dataset do caniemail.
Gmail e Outlook estão entre os piores no ranking de compatibilidade.
Quanto menor a posição no ranking, melhor. Alguns têm a política de "excluir automaticamente e-mails com anexos sem consentimento prévio".