O email pode ser responsivo?

Ame ou odeie, não há como negar a popularidade dos emails em HTML. E, como a Web anterior, a caixa de entrada ficou oficialmente móvel - com mais de 50% dos e-mails abertos ocorrendo em dispositivos móveis.

Então, o e-mail pode realmente ser responsivo, considerando como o E-mail HTML é ruim?

O email pode realmente ser responsivo

Resposta simples à sua pergunta .. SIM

Os emails em HTML se enquadram um pouco na mesma regra de sites, mas geralmente são mais difíceis de lidar e ainda dependem do antigo estilo de código datado usando <table>tags. Há um ótimo artigo do Web Design Tuts que eu gostaria que existisse quando comecei a enviar emails em HTML.

Um pouco sobre o tutorial é que ele discute como criar um email responsivo e uma observação importante ao criar emails em HTML é que o CSS deve estar embutido no final. Ele discute como direcionar CSS ao Yahoo body[yahoo] .class {}e eles fazem referência ao artigo de Tina Ye sobre " Emails responsivos em HTML: uma estratégia diferente ".

Como o artigo de Webdesign Tuts não entra em muitos detalhes sobre o artigo de Tina, eu recomendaria que você o lesse, porque ela adota o primeiro método de design para dispositivos móveis e mostra como criar para Lotus 8, Outlook 00-03, Outlook 2007+ e Apple :

Lotus Notes 8 e Outlook 2000-2003

 <!--[if IE]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
      </td>
    </tr>
  </table>
<![endif]-->

Outlook 2007 ou superior

<!--[if (gte mso 9)|(IE)]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
<![endif]-->

Apple Mail

@media only screen and (min-device-width: 541px) {
  .content {
    width: 540px !important;
  }
}

Se você faz uma pesquisa no Google por modelos de email responsivos, existe um artigo chamado Mashable, " 32 Modelos de email responsivos para pequenas empresas ".
Ele discute modelos gratuitos e pagos para seus e-mails e entra no Zurb, que eu recomendaria se você estiver usando o Foundation for web design.

Eles com certeza podem! Aqui está um modelo que você pode usar para enviar emails HTML responsivos: http://zurb.com/ink/ . Criar um email em HTML do zero requer muito conhecimento sobre como os clientes de email analisam os emails. Este modelo garante que o seu email seja exibido corretamente em todos os clientes de email.

Tudo o que você precisa fazer é substituir o conteúdo do arquivo pelo seu email e executá-lo através de um script em seu aplicativo que lide com o envio de emails.

Sim, você pode, mas a menos que tenha uma enorme paixão por isso, não se preocupe. Imagine codificar para IE5 e ter que testar isso. Talvez seja melhor comprar um modelo para esse tipo de coisa, em vez de fazer sua própria solução sob medida.