Archive for the ‘editor’ Category

Coda - Editor de HTML e CSS

Posted on January 28th, 2008 by fspina

Já falei do Coda uma vez aqui e vai eu de novo com a mesma opinião de ser o melhor editor de HTML.

Tem uma biblioteca de referência, com 4 livros dentro dele (HTML, CSS, JavaScript e PHP).

coda biblioteca html > tag > marquee (tag não válida pelo W3C hehe)

Tem o desenvolvimento local e no servidor hospedado, podendo editar já na web apenas salvando o próprio programa faz o FTP.
A lista de sites que você edita, aparece com thumbnail a screenshot do próprio site, para fazer isso apenas definir nas propriedades do FTP da onde vem a imagem.

Na edição de CSS, tem um painel para selecionar as propriedades nas quais precisa, em modo que parece preencher um formulário para setar as mesmas.

O Coda ainda é só para usuários da plataforma Macintosh e só é FREE por 30 dias.

Twine

Posted on October 30th, 2007 by fspina

Não vejo a hora ver se essa ferramenta, já me cadastrei agora só falta esperar.

Pelas “Features” me agradou bastante, como por exemplo: uma aplicação para a web semântica porque foi escrito de acordo com os padrões estabelecidos pela W3C. Isto quer dizer que segue convenções pré-estabelecidas e por isto é compatível com outras aplicações semelhantes, podendo compartilhar dados.

Utilizar os padrões da web semântica, o Twine também usa um sistema de aprendizado extremamente avançado e um processo de linguagem natural de algoritmos que lhe dá capacidades muito além de tags manuais. A ferramenta utiliza combinações de algoritmos de linguagem natural para coletar automaticamente dados-chave de blocos de texto.

Além de organizar planilhas, calendário, textos, sites, rede social e etc…

Apple Design Awards 2007

Posted on July 18th, 2007 by fspina

Aplicativos divididos em sete categorias receberam ontem o Apple Design Awards 2007 na WWDC. Vou puxar a sardinha para o meu lado (para quem não sabe sou webdesigner) e falar de dois deles que uso faz pouquíssimo tempo, mas já amo e nem sei mais como vivi tanto tempo sem.

Coda 1.0 (Panic Inc.)

O Coda é sensacional. Faz tudo que a gente precisa e mais um pouco. E ainda consegue ser lindo! Depois de um tempo trabalhando com web peguei o costume de escrever páginas no código e nem me lembro mais da última vez que abri o Dreamweaver. Usei o BBEdit por um bom tempo, mas assim que conheci o Coda foi paixão à primeira vista. E pelo visto não fui o único, o programa ganhou o prêmio de Melhor Experiência de Usuário em Mac OS X (ou User Experience se preferir).

A lista de funções vai de itens indispensáveis para quem trabalha com web à coisas pequenas que fazem uma enorme diferença: FTP, navegador de arquivos no menu lateral, prévia da págína, CSS, complemento automático, validação de código e até material de referência para HTML, CSS, JavaScript e PHP.

A minha favorita é o Find/Replace. No Coda é possível fazer buscas colocando blocos de texto que podem ter qualquer valor. Por exemplo, imagine que você quer colocar todas as imagens da página para 200×300, mas atualmente cada uma tem um tamanho. Como substituir alturas e larguras com valores variados? Simples: é só substituir ” width=”*” height=”*” ” por ” width=”300″ height=”200″ ” (o * na verdade é um símbolo que o programa usa). O exemplo é o mais simples, mas a função tem uma possibilidade infinita! Também pode-se usar esses “blocos com qualquer valor” para o campo de Replace e por exemplo trocar alturas pelas larguras. Não sei de outros programas que façam isso, mas sempre sonhei com um que fizesse algo do tipo pra códigos html.

Outra função interessante é o Clips. Você pode salvar tags e textos mais comuns para repeti-los sempre que precisar. Eles ficam numa janela prática e podem ser separados pelos sites que você está trabalhando. Para os usuários mais avançados o Coda também possui o Terminal embutido no programa e permite acesso a funções de servidor como MySQL e debug de PHP.

Para baixar, vá em http://www.panic.com/coda/. (A Panic, desenvolvedora do Coda, é a mesma do CandyBar. Para quem gosta de personalizar a interface do Mac OS vale uma conferida também.)

CSSEdit (MacRabbit)

Eu acabei de falar de um programa que canta, dança representa e também edita CSS. Então porque falar de um que só edita CSS? Apesar do nome, o CSSEdit tem como maior atrativo a dissecação do código e levou este ano o prêmio de Melhor Ferramenta para Desenvolvedor.

O programa possui um navegador no qual você pode abrir qualquer página (local ou na web) e examinar as folhas de estilo. Melhor que isso: é possível também clicar em qualquer elemento da página e ver a lista de estilos aplicado a ele, informando inclusive em qual arquivo css e class está definido cada atributo.

E não é só isso!

Você pode editar o css de uma página que está no ar e visualizar as alterações ou também substituir o css por um que esteja salvo na sua máquina.

Para trabalhar com css (e tableless) esse programa além de uma ótima ferramenta de desenvolvimento se torna também uma excelente fonte de aprendizado.

Para adquirir o seu ligue (011) 1406 ou visite http://macrabbit.com/cssedit/

Além de Coda e CSSEdit, os cinco programas que completam a lista de vencedores do Apple Design Awards 2007 são:

Delicious Library 2.0 alpha (Delicious Monster)