Skip to content →

Coda – FTP, Webdesign editor de texto e css, terminal, webapps server…

  • Nome:

    Coda

  • Configuração base:

    Ainda agora me apaixonei pelo Texmate para edição de texto e já o meu coração bate em antecipação…

    Vou fazer esta crítica em primeira mão, revelando aquilo que estou a sentir no momento da primeira utilização…

    Tudo começou com o Blog do The TAO OF MAC onde falava de uma aplicação que fazia tudo e mais um par de botas… programação, perl, webdesign css, café, tudo… achei estranho demais mas… como vinha com a chancela de uma das melhores casas de software para MAC a PANIC (Transmit FTP) resolvi investigar… um site magnífico depois (mal comportado no IE… sujeito a aviso!!!), e uns cliques no link do preço, um sorriso ao verificar um desconto oferecido aos propritários do Transmit (10 usd) e olha… vamos ver…

    Fiz o download do pacote zip, decompactei e copiei para a directoria das apps… e aqui vai disto…

    Áreas principais do programa
    1. Áreas principais do programa

    A Aplicação arranca e a primeira coisa que faz é perguntar se está autorizada a importar os favoritos do Transmit. Depois de responder que sim, importa os dados e autorizações do keychain… bunitu!… e depois…

    Somos levados para uma pagina onde escolhemos o site de trabalho… automaticamente, sem dizermos nada o programa vai à net e captura uma imagem do site tal como ele é apresentado ao cliente… isto sem abrir browser ou fazer nada… bunitu!

    Sites configurados automaticamente a partir do Transmit
    2. Sites configurados automaticamente a partir do Transmit

    Claro que não é sem problemas, mais dependente do tipo de hosting do que outra coisa… por exemplo o site DeltaConsultores está alojado com o um URL de FTP ftp.net4b.pt, que é o genérico da ONI para todos os clientes, sendo o routeamento para a conta correcta realizado pelo username/password… Seria impossível de outra forma, já que o Transmit não guarda a informação de URL de página mas sim do acesso FTP… por isso não se pode pedir milagres… wink

    pormenor do painel de selecção de site
    3. pormenor do painel de selecção de site

    Ora bem… depois de tudo corrigido, (tudo num efeito muuuuuuuito visual tipo dashboard wdiget de virar a página etc) estamos prontos para meter as mãos na sopa…selecciono o único site que tenho aqui totalmente duplicado no disco o da B-LON e começo à procura de um sítio para indicar qual a directoria local do mesmo…fácil… está tudo nas preferencias do site, acessível no i que já nos habituámos…

    Ora depois de seleccionado o site da B-LON, procuro então os ficheiros de trabalho.

    Abro a edição do ficheiro index.php, e as organização do código html/php por cores está presente! bunitu!

    Código de cores para identificação das tags usadas
    4. Código de cores para identificação das tags usadas

    Selecciono as opções cá em baixo e vejo que posso alterar este código para o tipo de documento que estou as ecrever…bunitu!

    Alteração do tipo de documento
    5. Alteração do tipo de documento

    Começo a escrever uma tag para inserir um “include”” de experiência, e a closing tag aparece… bunitu!

    Começo a escrever “include” e mal acabo de inserir o “in” surgem logo as opções ou hints na pane de escrita… bunitu!

    Auto-complete ou hint
    6. Auto-complete ou hint

    Selecciono a opção “clips” e… uma nova janela com código pronto a usar!!!… bunitu!! (inclusivamente placeholder mais conhecido da NET o ”Lorem Ipsum”)

    janela de código pré escrito
    7.janela de código pré escrito

    Não tão bem provou ser o preview da apresentação da versão local do site que foi apresentado em código em vez de preview, talvez por alguma complicação com os diversos includes que esta página possui…

    Preview atrapalhado com o código devido aos includes
    8. Preview atrapalhado com o código devido aos includes

    Mais complicado ainda a utilização de um CSS que neste caso está a ser chamado por um include… ou seja não está descrito nesta página… helás… no entanto foi só navegar na pane do transmit até à directoria do master.css e abri-o e prontamente todas as linhas de código foram transformadas em “preferências” disponíveis no inspector da direita…

    CSS em Código
    9. CSS em Código

    CSS em Código
    10. CSS em menu de preferências

    Finalmente, algo que nunca fiz foi ligar-me ao servidor por SSH até porque é uma funcionalidade normalmente bloqueada pelos Administradores dos servidores de hosting por questões de segurança…

    Esta fica para segundas nupcias mas fica aqui o screenshot do interface de entrada….

    CSS em Código
    11. Acesso por SSH

    Finalmente reparei na última opção, “books”, e pensei…

    Capas dos livros disponíveis
    11. Capas dos livros disponíveis

    Naaaaaahhh… não pode ser… mas sim… livros completos sobre as tecnologias web, com referências completas para desenrascar os mais enrascados…como eu.

    Livro de HTM
    12. índice do livro HTML

  • Apresentado em:
  • Retirado em:
  • Aspectos Positivos:

    Tem tudo, tudo o que um webdesigner (vertente programação e hand coding) necessita, não se substituindo ao Dreamweaver (especialmente na sua nova versão CS3)

    Permite trabalho colaborativo, com edição em simultâneo de ficheiros

    Permite código de cores por sintaxe de programação

    Transferir os ficheiros deixa de exigir um programa à parte bem como acesso por SSH (quando permitido)

    Livros… referência incorporada

    Inclui ligações à webapps, ferramenta que permite ao Safari mostrar as páginas de html

  • Aspectos Negativos:

    Falta a possibilidade de colapsar linhas de código para sair da vista, O preview precisa de um retoque, bem como o PHP com includes. O facto de os usar “corta” o acesso às funcionalidades de CSS quando estas não estão na página em edição.

  • Modelo comparativo:

    TextMate + Transmit continua a ser a combinação de preferência de muita gente.

Links úteis:
Fotos:

editor de texto web oriented

Published in Software Review

Comments

Deixe uma resposta