Tableless - Desenvolvimento inteligente com Padrões Web

26/08/2006
Artigos

Editores

Introdução sobre alguns editores mais comuns para se trabalhar com HTML e CSS.

Por


Update: Vocês falaram deste tal de PSPad, resolvi baixar e dar uma olhada nele! Gostei! Gostei tanto que to pensando em deixar o EditPlus de lado. Ele tem muitas outras funcionalidades, é tão leve quanto o Editplus, o mais importante, é free.

Quem usa EditPlus, teste o PSPad… você vai gostar!

Gosto não se discute, ainda mais quando estamos falando de editores. Cada desenvolvedor tem o seu predileto, parceiro para todos os dias e melhor amigo na hora dos problemas ocultos.

Hoje (e sempre) uso o Editplus. Para mim é o melhor editor que existem por alguns motivos muito básicos:

  1. Ele é levíssimo. Quando digo leve, quero dizer que ele abre assim que clico. Verdade.
  2. Consigo abrir arquivos que estão no FTP como se fossem arquivos locais. Isso é ótimo para mim, já que trabalho a maior parte de tempo com arquivos remotos.
  3. Sua interface é muito simples. Você consegue gravar macros, usar programas externos como o Tidy e etc…
  4. Já disse que ele é leve?

Seu ponto fraco é que às vezes ele trava sem motivo aparente. Se você estiver editando qualquer arquivo nesta hora, pode rezar e tentar copiar o código. Ele apaga todo o conteúdo do arquivo. Já houve vezes que perdi arquivos inteiros.

Há um outro editor que gosto muito chamado HTML-Kit. Ótimo editor para quem gosta de personalização. Ele tem opções para dar e vender e ainda você consegue extender suas qualidades baixando plugins feitos pelos próprios desenvolvedores pelo mundo a fora, como no Firefox. Você também pode abrir e salvar arquivos remotos como se fossem locais. Bem interessante.
O ponto fraco dele é que é pesado. No começo ele carrega uma série de plugins já instalados, causando uma certa demora no carregamento bem inconveniente.

Falando em demora no carregamento, há desenvolvedores que gostam de usar o Dreamweaver. Um monte de alunos dizem que sou contra Dreamweaver. Não sou contra, só não é minha escolha como ferramenta de trabalho. Entretanto ele tem subterfúgios que os desenvolvedores adoram, como por exemplo autocompletar, ajuda de CSS, split view, e etc… Muitas de suas ferramentas eu compenso com o uso do Firefox, e as outras não me fazem falta na hora de desenvolver.

Se você está achando este artigo superficial. Torne ele melhor contribuindo com comentários. Se eu fosse discorrer sobre as características de cada um, este post se tornaria enorme, por isso, é melhor escrever essa breve descrição e suscitar uma discussão antes de detalhar mais sobre os editores.
Há vários outros editores que podemos discutir aqui: Topstyle, Homesite, CoffeeCup e um monte de outros por aí… Mas vamos por partes.

Qual editor você usa?

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Tiago

    Gosto muito do phpdesigner (edita logicamente outros formatos)

    http://www.mpsoftware.dk/phpdesigner.php

    Leve, interface agradável e gratuito.

  • http://vdepizzol.wordpress.com Vinicius Depizzol

    Eu uso o Gedit, do Ubuntu Linux. Trabalha com dezenas de linguagens de programação, possui trechos (auto-completar), edita arquivos remotos nativamente (assim como todo o gerenciador de arquivos do GNOME), possui plugins, é bem leve, grátis e de código aberto.

  • Marcelo Moraes

    Edit Plus é o melhor. Leve, simples, vc pode editar alguns fontes dele, pode definir os templates iniciais, enfim, muito útil.

    O mecanismo de FTP dele também é muito útil e eficaz.

  • Caio Márcio

    Eu uso o Front Page do windos xp. Bem simples e eficaz, nao tem essas frescuras todas mas sempre eh uma mao na roda, alias duas!

    Nao entendo pq voces usam o dreamweaver, eh coisa do demonio!!!

  • http://www.gawry.com Gustavo Gawry

    Esqueci de mandar o link do tswebeditor…
    http://tswebeditor.net.tc/

    mais uma coisa da pra rodar ele sem instalar… eu levo ele comigo no pendrive.. :-D

  • http://elyezermr.blogspot.com Elyézer Mendes Rezende

    O debate esta interessante, eu particularmente utilizo o edit plus, na minha opinião muito bom e se adequa as minhas necessidades! Vou aproveitar pra conhecer outros editores e, quem sabe, até mudar.

    Tenho uma sugestão, uma especie de enquete para ter estatisticas de quantas pessoas utiliza certo editor, valendo um voto por pessoa. Isso ajuda no debate, e tambem, na opinião formada a respeito de certo editor.

    abraços

  • http://tcelestino.blogspot.com Tiago Celestino

    Uso o DW e o Notepad. Umas das coisas que gosto em trabalhar com o Dreamweaver é o recursos de coloração das tags, facilita muito pra quem escreve na unha (eu sou um deles).

    Não conheço nenhum dos programas citados, vou dá uma olhada pra ver se alguem pode substituir o bloc de notas do Windows :)

  • Roberto Almeida Longhi

    Só usava o Notepad++ mas acabei de me render ao PSPAD… mto bom o garoto … ;) vamo ver qq. rola …

    vo deixar o Notepad++ no cantinho … :P

  • http://neifreitas.wordpress.com Nei Freitas

    Eu uso o MAX`s HTML Beauty++ 2004, e é bem parecido com o PSPad. O site deles é meio tosco, mas o programa é bom…

  • Diogo

    Muito bom este PSPad, abandonei meu D4, mas o problema é que estou sentindo falta do auto-completas, quando digito alguma TAG em CSS, como faço pra habilitar, ou sei la é PLUGIN ?

  • Hugo

    Uso o Crimson http://www.crimsoneditor.com/

    Achei muito parecido com o Editplus e é free…

  • Tiago Aranha

    eclipse

  • http://www.r8publicidade.com Kiromba

    Meu primeiro editor foi o dreanweaver.Era bom mas pesado
    Usei o EdiPlus. Gostei.
    Depois passei pro Elipse, que pra mim até hoje foi o melhor, pena que é pesado.

    Depois fui pro kate do linux, mas o programa de FTP dava muito pau, então voltei pro windows. Daí peguei o PHPDesigner 2005, muito bom também. Mas aí eu ví o da Zend, que é bem parecido com o Eclipse, ele tem correção de sintaxe, o que ajuda muito, porque agora meus códigos não dão erro tão facilmente, porque eu escrevo rápido o que significa que erro muito também.

    P.S Vou testar vários que foram citados, principalmente o PSPad e o Notepad++

  • http://www.brunnolou.com brunnolou

    Pra quem usa PHP, XHTML e CSS
    nada melhor do que instalar o ECLIPSE com o plugin PHPECLIPSE e depois instalar o APTANA.

    Na minha opinião o Editor de CSS do APTANA está melhor do que o Dreamweaver

    Claro isso é um editor para projectos, como editor padrao para abrir ficheiros pequenos aconselho o Notepad++

    Vejam os comentários:
    http://cirofeitosa.com.br/post/aptana-ide-para-o-basico

  • Pingback: helvete av silas ribas - » PSPad no Linux

  • http://silas.theducks.com.br Silas Ribas

    Salve,

    Eu testei o PSPad, instalei o bixinho no GNU/Linux Kubuntu, via Wine. O Bicho criou até ícone na Área de Trabalho.

    Fiz uma entrada no meu blog que só anda de vez em nunca.
    http://silas.theducks.com.br/2006/09/06/pspad-no-linux/

    Valeu!

  • http://sacarrolha.blogspot.com Rafael

    Uso o kate para o PHP e CSS, o NVU para HTML e o vi quando não tem interface gráfica.

  • Rodrigo Souza

    Pois é Diego… acabei perdendo uma página inteira com o edit plus…. travou do nada…. sorte que eu tinha uma cópia =)

    vou testar esse pspad pra ver…se for melhor, beleza…

    fiquei com tanta raiva de perder o arquivo no editplus que passei a usar o DW denovo…

    Abraços

  • Felipe Sander

    Gosto do dreamweaver pq ele facilita muitas coisas como mapear uma imagem por exemplo, experimenta fazer isso só no código, sem a visualização de “design”, pra ver o tempo que leva até ajeitar.

    Outra coisa é na criação de tabelas, muito mais prático pelo modo “design”.

    Aquela coisa de sujar o código é coisa do passado, na versão que estou usando (8) se tu coloca uma nova fonte e cor sobre um texto ele já cria o estilo CSS automático, e não mais .

    Testei o notepad ++ e achei legalzinho, usava o editplus pra coisas rápidas, e vou testar agora o pspad pra ver qualé. Também uso o phpeditor pra php. Queria testar o editor da zend pra php, mas é comercial.

    Se acharem um editor gratuito com modo cod/design parecido com o dreamweaver me avisem.

    Abraço a todos.

  • Jane Audrei

    Acho que sou a única que uso o GoLive!!! porque será??

  • tigo

    …esse post aqui tah rendendo// =]

    depois de testar vários dos editores citados
    fiquei com o notepad++

    leve, autocompleta e fecha tags.
    o explorer dele abre numa janela à parte mas tah bom.
    gostei =]

  • scottx

    Tigo, que opçao tenho que ligar para que o meu notepad++ passe a fechar tags automaticamente?
    Adorava essa funcionalidade do DW em que fazia e ele punha logo e posicionava o cursor no meio.. sinto mta falta disso no NP++ :S

  • http://www.robertolazaro.net Roberto

    Caros,

    Há tempos não aparecia por aqui, agora vim pra procurar dicas de editores html, o Dreamweaver realmente não rola, achei que era o processador mas nem com pentium core de 4 mega de cache o software demora alguns segundos para carregar. Alguem conhece alguma forma de carregar o dreamweaver so com o básico?

  • Carlos

    Eu também sempre, desde de 2000, usei o editplus. Mas estou gostando muito do PSPad, e ainda é free que me tira um peso de gostar demais do ediplus e nunca registrar, era uma sacanagem ;)

    Lí um amigo que disse que o editplus dele trava de vez em quando, então eu tive muita sorte, pois o meu nunca travou, mas nunca mesmo.

    abraços a todos.

  • Marcello de Souza

    Quando usava windows o meu edior era o pspad, agora no linux uso o gedit ou o kate.

  • Morikawa

    notepad++

    suporte a muitas linguagens e o que eu mais gosto eh as marcas de identação.

    sem contar que quando vc seleciona uma chave de abertura ele ja seleciona a de fechamento.

    se mais..

    vale a penas testar

  • http://www.fazedordesite.com Rodrigo Fante

    Uso o dreaweaver eh leve no meu computador e o recurso de autocompletar me ajuda muito.
    E ja me acostumei com as cores do codigo

  • http://www.yuriteixeira.com Yuri Teixeira

    Antes meu editor leve preferido era o PsPad, mas hoje o Notepad++ me conquistou, só faltando apenas um cliente (S)FTP. Sendo assim, uso o WinSCP para servir como explorer de arquivos. Notepad++ certamente é uma ótima pedida.

  • Joana

    Eu tbm gostaria de saber como ligar o fechar tag no notepad++

    eu tbm se existe algo que vc selecione parte do texto e escolha a tag pra envolver: ir lendo o texto e etiquetando sem ter que escrever a tag ou ter que levar o final no final do texto…

  • Carlos Eduardo Amigo

    Fala ai, senhore(a)s !
    Eu uso muito o top style, pois é e 0800 e já usei Eclipse que é muito bom também já o Dreamweaver não gosto muito, mas isso como falei é questão de gosto.

    Hoje, estou a procura de um editor de CSS para MAC OS, pois estão trocando as maquinas da empresa.
    Se alquém souber de algum aceito sugestões.
    Abraços

  • Aristofanio

    Estou procurando um substituto para DW e achei e gostei do Sothink. Alguem tem algum cometário sobre ele de prós e contras???

    Estou perguntando isso pq, apesar de eu ter gostado pode ser que tenha algo que ainda não tenha visto ou necessitado e seja muito importante saber.

    Abraços e sucesso!!!!!!!!

  • http://www.leafsize.hypersite.com.br/ Marcos Henrique

    Bem, sou um iniciante em criação de Html, CSS, Php, e todo o resto. A menos de um mês venho tentando encontra um metódo de criar um site para mim e tenho tido muita dor de cabeça, pois não tenho noção em nada disso. (Agora eu tenho um pouco de noção, tenho lido bastente os comentário da tableless e outros foruns.

    Testei Vários programas tais como: DW, IDE Aptana, TopStyle, Rapid Php, Rapid CSS (Vários Aplicativos da Blumentals), HtmlPAD, HomeSite, HtmlKit, Notepad++, PsPad, dbwiksite, Adove GoLiveCs2, Php Designer 2008, Scriptol, TsWebEditor, First Page 2006, Corel Draw x3, Photoshop cs3, tswebeditor, WYSIWYG WebBuilder 5, scripty, Vim, UltraEdit, EditPlus, NotepadXP, Quantaplus, BlueFish, Screen, Nvu, Komposer e uma enorme série de programas que se for citar não termina.

    Como se pode ver há uma série de programas que se pode utilizar incontaveis até. Porém pouco realmente têm utilidades. Tenho preferência por softwares Livre e Leves porém não só contêm tais softwares. Olhe alguns de minha seleção:

    1- “TopStyle 3.5″: Este software para um iniciante é de grande ajuda, pois contêm duas grandes utilidades que são o auto completar tags e o pré-visualizador que visualiza inclusive a formação da CSS(Para Iniciantes extremamente necessário) O que ajuda a fazer lindos menus. Obs.: (programas muito parecidos são o HTMLPAD e o RAPIDCSS “softs da Blumentals”)

    2- Um Bloco de Notas não pode faltar em necessidades rápidas o “Notepad++” é uma grande solução ajuda bastante não só em Html, Css, php, mas em uma grande variedades de linguagens. Além de ser gratuito e com muitos plugins.

    3- Um editor de Php também é util e o “Php Designer 2008 é útil o bastante inclusive na questão de auto-completar. O “Rapid php” fica um pouco atrás.

    4- IDE Aptana, pesado porém um ótimo editos de java script. Gratuitos, também se torna um bom editor de html, css, e outras linguagens.

    5- Editor de Html, Css, e algo mais, gratuito e leve “First Page 2006″ e no linux o Quanta Plus (kdewebdev) muito bom.

    6- WYSIWYG WebBuilder 5, pra quem gosta de algo mais visual, tornandos práticos a crianção de website com linguas Js, Html e Css, ele é bom, mas nada melhor como aprender um pouco das linguagens necessárias para criar ótmias homepages.

    7- Softs WYSIWYG como Dreamweaver, go-live, não são de grande utilidades eles nos tornam escravos e ao mesmo tempo esquecemos do essencial. Por exemplo: Um pedreiro constroi uma casa, ele possui a planta da casa para a construção ele vai saber erguila completamente e se quiser pode modifica-la completamente. Mas se ele constroi uma casa para outra pessoa utilizar a casa e ele não possui a planta ele irá se perder completamente em uma modificação não casa. Como exemplo disso a pessoa que colocar um prego no local errado pode furar um cano e será grande sua dor de cabeça. Agora quem você prefere ser um construtor ou apenas alguém que adquire um local praticamente determinado por outro que já copnstruiu.

    8- GIMP, Inkscape, Photoshop, Corel Draw, Firework. Estas ferramentas não pode faltar em nenhuma máquina principalmente as duas primeiras deste tópico. Essa ferramentas ajudam a embelezar o site de qualquer um. Criar botões ajuda a editar uma imgens adequada entre outros aspectos. Embora para fazer menus com botões não é necessáriamente obrigado a ter um destes softwares basta ter algums conhecimento de css e já dá para fazer lindos menus e um pouco de java script.

    9- O NVU e o Komposer, a mesma coisa do dreamweaver só que básico.

    10- O melhor programa que há é o estudo e o conhecimento de html, css, php, etc… Nem sempre lembramos de todos o comandos por isso a utilização de softs WYSIWYG, para nos ajudar em algumas situações. O que realmente após isso nós precisamos de softwares simples como Bloco de notas (qualquer versão desejada ex: edit plus, pspad, notepad++, kedit, etc) e um bom visualizador como o Firefox com algumas extenções.

    Embora todos nós temos softwares de preferência e os meus são Notepad++ ou e o First Page 2006 e agora o IDE Aptana. Em linux o melhor é o QuantaPlus (kdewebdev). Porém pra chegar a utlizar estes programas bem, nada como o topstyle 3.5. Com o pré visualizador ele ajuda a entender melhor html e css.

    Minha página ainda não está pronta mas em contrução. Quando não se têm muita noção o jeito é recorrer a outros sites para nos ajudar a ter o que precisamos como batepapo e forum. Inclusive bons downloads.

    Para descubrir qual é o melhor soft é utilizar vários até descobrir sua utilizades e não é preciso de programas enormes para chegar ao resultador de uma boa html. Como eu não preciso de um excel para saber que 2 + 2 são 4, não preciso de um dreamweaver ou go-live para fazer uma página de internet boa. Tetem e continuem dando opiniões, pois conheço cada vez mais os programas em si.

    Há sim, estes programas ficam fácil de encontrar se colocar o nome no google.

  • http://www.leafsize.hypersite.com.br/ Marcos Henrique

    Bem, agora conclui o download da nova versão do aptana e eclipse e os testei. Eles são muito bons tem vários suportes e com os plugins nem se fala. É como disse suas funções são muito boas e com o toque do plugin para php o completa. Da suporte em auto-completar, preview de html e css, e muito mais. Ele realmente tem ótimas funções e o melhor é gratuito.

    O único problema continua sendo o peso. É por isso que continuo com o TOPSTYLE 3.5, que embora não dá suporte a PHP nem ASP, não me deixa na mão.

    Mas não deixo de utiliza-lo sempre acabo utilizando-o novamente mesmo com esse problema. E sempre que me estresso com sua vagarozidade volta ao TOPSTYLE 3.5 e NOTEPAD++.

    Não é Muito, mas esse três são demais.

  • Baduel

    Barbaridade e tanta coisa que agente se perde!!!

  • http://gunfree.info Gunter

    O Vim! http://www.vim.org

    :wq

  • Maria Lígia

    Eu uso o crimson e NVU, são simples e leves, faceis de trabalhar ideal para iniciantes.O dreamweaver é bom mas, indiquem o programa perfeito para todos nós!!

  • Marcio Toledo

    Gostei muito da função de SpellCheck.

  • Alexandre Romero

    Qualquer hora eu vou dar uma chance pro PsPad, mas por enquanto eu fico com o Notepad++, levíssimo e cheio de ótimos recursos!

    ps.: pra quem não sabe como ativar a função de auto-completar nele, é simples: vá no menu TextFX > TextFX Settings > Autoclose XHTML/XML Tag.

    ps2.: baixem o plugin HTML Tag, com ele vc pode escolher uma tag digitando só a primeira letra dela (igual o Dreamweaver).

  • http://originalhands.com Márcio Queiroz Machado

    Legal, bacana a discussão! Tem editores para todo tipo de gosto.

    Eu recomendo o InType http://intype.info/home/index.php

    Freeware, visual bem simples – sem complicação. Bom para iniciantes e um excelente suporte a snippet muito bom para usuários mais experientes.