Espresso: editar modelos de e-mail no OSX é mais fácil com a dobra de conteúdo
Porque o HTML do e-mail não respeita HTML5 e CSS3, é necessária uma infinidade de tabelas aninhadas para alinhar bem qualquer coisa e incorporar capacidade de resposta para aplicativos móveis. Quando você começa a criar modelos de email complexos com muitas fontes, código incorporado e layouts variados, é fácil se perder no código.
Utilizando testes de cliente de e-mail, pude verificar se nosso newsletter parecia bom em todos os clientes de desktop e móveis. Recentemente, mudei nosso Martech Zone entrevistas para um novo host, o que exigiu um layout atualizado em nosso boletim informativo. Ao fazer essas edições em nosso modelo principal, baguncei o código e comecei a ver um problema em que nosso e-mail foi cortado… uma parte dele centralizada e o resto foi justificado.
Meu editor de código escolhido estava faltando um recurso importante, dobradura de conteúdo, isso me permitiria identificar rapidamente onde estava meu problema de aninhamento. A dobragem de conteúdo organiza sua estrutura na barra lateral, onde você pode expandir e ir diretamente para a seção que deseja editar. Baixei vários editores na última semana, procurando uma ótima plataforma, e cheguei Espresso.
Dobramento de conteúdo
Depois que abri o e-mail em Espresso, encontrei o problema e consegui corrigi-lo em alguns segundos (esqueci de fechar uma mesa). Você pode ver como funciona na imagem abaixo… o código está à esquerda, mas o navegador dobrável de conteúdo está à direita. Esta é a tabela corrigida, mas você pode ver como eu seria capaz de identificar rapidamente um problema de aninhamento ou hierárquico com minha estrutura de modelo de email!
O Espresso não serve apenas para editar e-mails; é um editor poderoso para Apple OSX com os seguintes recursos:
- Trechos - os atalhos permitem combinar e expandir abreviações com base em tags e snippets personalizados.
- Favoritos da barra de ferramentas - Personalize sua barra de ferramentas com ações contextuais, snippets e menus para acesso rápido.
- Re-indentar – Tchau, código bagunçado. Aplique espaçamento personalizado por exemplo. Trabalha para HTML, APFe JavaScript.
- Modelos – Para arquivos, pastas ou projetos. Use um integrado ou salve seus bits reutilizáveis – uma verdadeira economia de tempo.
- Área de trabalho – Com a flexibilidade das guias enquanto se integra ainda mais facilmente aos arquivos do seu projeto.
- Abra rapidamente - Alterne entre documentos sem tirar os dedos do teclado. É Hora De Ir.
- Fundamentos sólidos - Edição Zippy. CodeSense. Dobrando. Guias de recuo. Balanceamento de suporte. Todos ali, ajudando em silêncio.
- Edição múltipla - Faça muitas alterações de uma vez, nenhuma alteração muitas vezes. Múltiplas seleções facilitam a renomeação das coisas.
- Navigator - Não é um mero menu de funções. Navegue sem esforço por sua estrutura de código com grupos, visualizações de estilo e filtro rápido.
- Suporte em Vários Idiomas – Pronto para uso: HTML, (S)CSS, LESS, JS, CoffeeScript, PHP, Ruby, Python, Apache e XML.
- Achado fantástico – Chega de agulha e palheiro. Localizar e substituir projetos, filtro rápido e regex colorido facilitam a pesquisa em arquivos ou texto.
- Poder do plug-in – Espresso tem um extenso plug-in API para ações, sintaxes, formatação e muito mais.
Espresso tem plugins de linguagem compatível com C, Clojure, ConfigParser, ConvertLinebreaks, Erlang, ExtJS, Flash, French Press (embelezador de JavaScript), Haskell, HTMLBundle, INI, jQuery, Latex, Lua, Objective-C, Perl, Prefixr, Regex, Smarty, SQL, Textile e YAML.
Estou feliz com o Espresso e já abandonei meu antigo editor de código! O preço da ferramenta me economizou muito dinheiro nesse primeiro problema que consegui diagnosticar e corrigir facilmente.