----
Este vídeo aborda alguns pontos principais:
# Estrutura de codificação
- Não importa, não se preocupe com diretórios e coisas do tipo, você quer fazer isso rápido e de forma simples.
- Não se deixe enganar pensando que precisa usar tabelas. Essa é uma prática ultrapassada e só é útil para criar layouts de várias colunas, que por si só, não são uma boa ideia...
- Tenha em mente que suas tags head e body provavelmente serão removidas pelo cliente de email. Isso torna as tags de estilo um recurso desejável, mas você não pode contar com elas.
- O que torna as consultas @media também não confiáveis.
- O que significa que um bom email responsivo é naturalmente flexível e estruturado em uma única coluna desde o início.
- Todos os seus estilos precisam estar inline. Mas isso não significa que você precisa escrevê-los dessa forma.
- Use o inliner de css do mailchimp para mover o css para inline depois de terminar de criá-lo usando o método que preferir. Eu uso SASS. Como um chefe.
# Mensagens mobile first
Designers e remetentes de email realmente precisam entender e aceitar que uma grande maioria de seus emails será aberta em um dispositivo móvel. Eu descrevi como projeto para uma coluna de largura flexível. Mas isso também significa manter seu conteúdo com foco no mobile.
- Uma mensagem clara.
- Um chamado à ação claro.