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

← Older Comments
Newer Comments →
  • Leonardo

    Eu uso Edit Plus, conheci ele vendo os tutoriais do Diego mesmo, achei òtimo, é como ele mesmo disse muito leve, a minha opinião a ferramente perfeita :-)

  • http://rcc.fm.br Guilherme Rambo

    Eu também uso o EditPlus, e nunca ocorreu comigo este problema dele travar, para mim ele eh perfeito! ^o).

    flw

  • marcelo

    Concordo com o Dudus
    Vim eternamente…
    e alem de todas as caracteristicas citadas por ele, ainda é multiplataforma!

  • http://www.danilocesar.com Danilo Cesar

    Como é que não me falam do quanta?!?!?!

    E do vim? Dizem que tem até autocompletar pra ele….

  • Maicon Junches

    Uso o Dreamweaver, mas vai tudo na “mão”

  • Estevão Lucas

    Ah…dah uma comentada aki pra da uma relaxada…depois de fazer a prova do ENEM!aff

    mas ai….ninguem vai falar da IDE Aptana??
    o Ciro flw sobre ele um dia desses, curti ai:

    http://cirofeitosa.com.br/post/aptana-ide-para-o-basico

    abraços
    flw

  • http://www.mxstudio.com.br Tony Conde

    Aptana
    =P

  • Alisson Patricio

    Atualmente eu uso o Dreamweaver, pois ainda estou começando a aprender CSS então é muito util pra mim o “subterfugio” de auto-completar que existe no Dreamweaver, mas já estou testando outros editores mais leves pra subistituir o dreamweaver no futuro, gostei muito do editplus mais o Topstyle está se mostrando bem mais completo… vamo ver no que vai dar né…

  • http://tiagoa.atspace.com Tiago A.

    C:\WINDOWS\Notepad.exe
    Não precisa instalar. Vem em qualquer versão do Windows! Além de editar vários arquivos de texto! Uma maravilha!

  • Roberto Barra

    Também uso o Editplus. Muito bom. Também colore segundo o tipo do arquivo, sendo extensivel através de arqvuios de configuração de sintáxes (tenho confiugrado pra C, java, SQL, latex, arquivos de log, etc ..).

    Compilo através dele e ainda permite abrir o arquivo e linha com erro ao clicar no erro fornecido pela saída do compilador.

    O único ponto ruim dele é o search-replace usando expressão regular. Lento pacas. Não da pra usar para substituir muita coisa (mais de 10000). Melhor usar algum outro pra isso.

    Para arquivos de rede, prefiro criar uma cópia local para trabalhar e fehcar o original, pois para salvar e fazer reload de arquivos remotos ele é meio lentinho.

    E ele costuma travar quando o arquivo remoto fica inacessível ….

    RGB

  • http://www.tcmtotal.com Ricardo Magalhães

    Notepad2 – Super hiper rápido, apenas dá côr ao código (html, css, php, c, sql…)
    PSPad – Mundo de opções, ftp, projectos, leve e grátis.

  • http://www.raphamaster.com/blog Raphael

    Aptana.
    Impressionante !!!

  • http://sitedepoesias.com.br/poetas/peka Ederson Peka

    Tô usando muito o Kate… Tb o vim e o mcedit (!)…
    B-)

  • Erick Wilder

    Olha, pra mim qualquer editor com coloração de sintaxe já ta bom. Nem esquento mesmo. Só fica mais dificil programar utilizando editores sem coloração, acho que isso é o mínimo que um editor tem que oferecer.
    Mas se não tiver jeito, o negocio é notepad mesmo e vamo embora. Afinal, comecei nele mesmo.
    Hoje em dia, tenho preferências, claro. Pra escrever HTML, prefiro o Dreamweaver (versão 8 é a melhor), pois tem autocompletar, coloração e baboseiras que quebram o galho em horas que o “pastel de site” tem que sair (é infelizmente isso existe, prazos, cobrança e etc.)
    Pra programar PHP prefiro o Zend Studio, acho que é o melhor. Mas ultimamente, tenho usado bastante o Eclipse, com PHPEclipse e Aptana instalados, não me sinto nem um pouco desconfortável.

  • http://www.obaoba.com.br Camilo

    HomeSite

    Excelente.

  • http://dotcafe.blogspot.com Murilo Corrêa

    Homesite

  • Cedric Graebin

    Hoje eu uso o Dreamweaver, mas normalmente no modo de código, e o Firefox e o IE 6 para ver se está tudo alinhado do jeito que eu quero. É “expressionante” como os dois browsers mostram as coisas de modo diferente (normalmente o Firefox mostra tudo do jeito que eu projetei e o IE não) se eu não fizer direito o CSS (leia-se, fizer o CSS de um modo que o IE entenda).

    Eu me acostumei a usar o Dreamweaver no modo de código quando tive que atualizar um site em uma Lan House e só tinha o Notepad do Windows como editor de texto… acho que ali foi meu “batismo de fogo”.

    E já instalei o Aptana. É pesado, tanto como o Dreamwever aqui na minha máquina, mas eu gostei do que eu vi. Só não gostei que ele usa o IE como visualizador interno no Windows e o Firefox no Linux.

  • http://nucweb.wordpress.com/ Joel Galdino

    Já usei bastante o Context agora estou usando o PSPad pois conta com FTP, coloração do códido, suporte a português e posso carregar no meu MP3 Play. Também gosto do gerenciador de projeto dele.

    Para CSS estou apredendo a usar o TopStyle Lite.

    Como editor HTML também estou apredendo a usar o NVU para abandonar de vez o Dreamweaver.

    Não posso esquecer que o Firefox ajuda bastante no desenvolvimento com as extensões: MeasureIT, ColorZilla, CSSViewer, HTML Validator e Web Developer.

    Na verdade estou procurando trabalhar com o seguinte objetivo: Softwares gratuítos e que posso rodar diretamente de um pendrive.

  • Renato Santos

    Um que eu uso e é muito leve. É o notepad++.

  • Anderson

    eu uso dreamweaver… resolve o meu problema… :)

  • http://crashtester.blogsome.com Jess

    Eu uso o notepad++ também.

    A graça da programação é pensar , não arrastar.

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

    Eu acho o notepad++ mto bom… mas tenho usado bastante o tswebeditor que é gratis e tem recursos bem bacanas…

  • Joel Galdino

    Putz! Disfaça! Já achei o que postei. Desculpas!

    Pode inclusive apagar os dois útimos que mandei.

  • http://www.customweb.com.br Felipe Rodrigues

    Eu uso o dreamweaver.

    Vou testar alguns dos editores citados.

  • Mayco Alexandre

    Eu utilizo PSPad a pelo menos 1 ano e meio, pelo motivo de ele ser FREE e Também muiiiito Leve, eu havia textado o Edit Plus, mas depois que eu Vi o PSPPad realmente vi que era a minha opção.

    Tentei em vão utilizar o DreamWeaver, mas minha produtividade é miserável com esse editor.

    Existe também o TextPad

  • Valéria Chaves

    Também sou NotePad ++.
    larguei o Dreamweaver faz pouco tempo pq eh pesado e soh utilizava a parte de codigo mesmo mas ainda sinto falat do autocompletar.

    Abços

  • http://joeedman.blogspot.com Joe Edman

    Esqueci de mencionar que também tenho testado o Aptana. Muito bom!

  • http://cirofeitosa.com.br/ Ciro Feitosa

    Uso o EditPlus há anos. Se eu disser que nunca travou por aqui, acreditaria? Pois é…

  • Chan

    Cara testa o Aptana http://www.aptana.com muito bom é um pouco pesado mas pra quem trabalha com css + html + javascript é muito bacana !!! vale apena conhecer falta so um ftp que é uma pena nao ter, so nao estou usando ele por isso :o ( vou ve esse tal de PSPad

  • http://www.pinceladasdaweb.com.br Pedro Rogério

    Com certeza não largo do PSPad, tem tudo que você precisa, FTP interno, e ainda por cima não precisa instalar, é só descompactar e usar!!!!

  • http://www.xmlbr.com.br Willian

    Eu usava o Notepad++ no Windows, mas agora só trabalho com ASP.NET então uso o Visual Studio 2005 (muuuuito mais leve que o Dreamweaver)

    Mas em casa, como trabalho somente com PHP e agora començando com Python e Ruby, uso o Kate no Ubuntu…

  • http://www.tuliofaria.net Tulio Faria

    Bom eu uso somente o TopStyle Pro, depois de ralar muito com outros editores, este foi o que mais me agradou. Ferramentas como seletor de cores, editor de tonalidade, e uma mãozinha no css, foi o que me levou a escolha. Além de ser super rápido e leve. Ah, e ele tem ctrl+z depois de salvar sim, é apenas configurar. :)

    O que não gostei do PSPad, é quando estou programando em PHP, que ele quer completar tudo que estou fazendo, como fechar aspas, não sei acho que não gosto desse recurso, porque me acostumei a fechar aspas e chaves sempre…

    Mas TopStyle é o meu favorito mesmo!

    att,

  • Anderson

    O pspad é bom mas tive serios problemas com encoding direfentemente do editplus concordo que o pspad tem muitas funcionalidades muito uteis.. mas como o encoding ja me rendeu boas dores de cabeça fiquei com o editplus, e para determinadas “ocasioes especiais” uso o pspad.

  • http://www.vinilator.kit.net Vinicius

    Pois é, também sou adepto do EditPlus. Inclusive na empresa (onde uso Linux), uso ele com Wine.

    Em um primeiro momento eu até gostei do PSPad, o problema é que ele não rodou nada bem com o Wine.

    Até que inventem um BOM, ao estilo do EditPlus, pra Linux, vou continuar usando ele pelo Wine mesmo.

  • http://www.fspina.com.br Felipe Spina

    Alguem usa algum editor pra MAC ?

    no PC uso HomeSite e TopStyle.

    Se alguem souber algum pra MAC, entra em contato no meu site.

    Obrigado

  • http://nao Marcelo

    Onde posso pegar o textmate for mac ?
    É free ? algum torrent please !
    i have no money to spend.

  • http://www.fspina.com.br Felipe Spina

    ah, testei o editor Taco, pra Mac. Mas não curti.
    Ele é free, mas achei meio fraco.

    Abraços

  • http://www.newtonwagner.net/blog Newton Wagner

    No linux eu uso o Anjuta. É bem simples e funcional também. Muito bom pra trabalhar com objetos em PHP tb! :) .

    No Windows não tenho nenhum preferido ainda.. qdo chegar em casa vou baixar esse PSPad e outras sugestões que fizeram aí.

  • http://www.papacidero.com Carlos Eduardo Papacidero

    Sempre utilizo o Dreamweaver ! Claro que nem passo pelo seu modo gráfico, sempre direto no código, é uma mão na roda o auto-completar ! Principalmente quando vou escrever uma palavra em inglês que sempre acabo errando como Weight, Height, entre tantas outras palavras, não troco por nenhum outro editor, e na hora de testar se ficou legal ou não o Firefox é indispensável. Me do muito bem com esses dois.

  • http://blue.muiomuio.net Mario

    Bom eu utilizo varios editores dependendo do que necessito.

    notepad++, dreamweaver, aptana

    Mas o Dreamweaver é sem duvida o mais utilizado.

    vou testar o PSPad :)

  • http://vmedina.multiply.com Vinícius Medina

    Eu uso no Windows da faculdade o NVU, no Ubuntu eu uso Bluefish e to começando com o NVU. Ele tem uma função de mexer com CSS muito legal.

    Esse PSPad não tem para Linux… poxa… assim não vale! :P

  • http://www.mercwars.net/handbook Douglas d’Aquino

    Que tal então escrever uma série? Eleja 5 editores que mereçam um review, faça um detalhado de cada um, crie um ranking com notas e avaliação e no final ainda coloque uma nota relativa à avaliação do publico.

    No sexto dia, junte todos os dados e faça um apanhado, alguns gráficos e um resumão geral

    dá certo com a Info.

    :p

  • Renato

    Pra quem usa PHP, vale a pena dar uma olhada no site:

    http://www.php-editors.com/

    Eu estou usando o PHP Designer (free) e estou achando bacana.

  • Tarcísio Sassara

    Ola a todos, gostaria de passar uma dica para quem está testando alguns outros editores, quando forem testar, proucure pelas preferencias e mude a fonte para o padrão do editor que você já está acostumado. Digo isso porque em algumas vezes eu percebi a interface de alguns editores meio quadradas, mas ai só mudei a fonte e tudo bem.

    achei o Notepad ++ legal, mas a fonte do texto, meu Deus, é muito estranha!

  • Camilo

    Baixei esse PSPad.

    Bem leve, boa parte em português.

    Mas ainda opto pelo HomeSite pelos atalhos que o programa possui.

    Pelo costume que peguei de abrir tag com Ctrl+, e fechar tag com Ctrl+.

    Ctrl+i coloca em vez do
    Ctrl+b coloca em vez de

    Além da fantástica opção do Extended Replace, onde ele substitui texto em massa, podendo ser aplicado em todos os arquivos abertos no momento. Fundamental para mim, já que trabalho sempre com vários arquivos do mesmo site. Tentei mexer nos atalhos do PSPad, mas não foi possível alterar essas opções.

    O PSPad até me atraiu, a velocidade com que ele funciona é muito boa, mas pela facilidade com que trabalho com o HomeSite, fico com este.

  • http://www.mah.com.br Márcia

    Eu uso o EditPlus! :)

    Eu já tinha postado mais ou menos sobre esse assunto no meu site.. http://www.mah.com.br/index.php/2006/08/15/editores-de-css/

    :)

  • http://www.eugeniogrigolon.com Eugenio Grigolon

    #77 Willian
    VS 2005 mais leve que DW??? Tem certeza disso? Tem algum problema nisso então cara, porque também uso .NET, mas meu VS 2005 demora muito mais que o DW pra carregar.

    Ao post:

    - Dreamweaver MX 8: XHTML e CSS;
    - Zend Studio 5.1: PHP;
    - Eclipse 3.2: Java
    - Visual Studio 2005: .NET

    Tanto comentado esse PSPad, que irei testar.

  • http://www.mercwars.net/handbook Douglas d’Aquino

    lembrando que o dreamweaver também trabalha com php, coldfusion, jsp, asp, xml, entre outras…

  • http://wra.com.br Lancelotti

    Cara, testei tudo que é tipo de editor e sempre achei um probleminha aqui e outro ali. Dreamweaver, editplus, eclipse, aptana, amaya, nvu e outros tantos.

    Atualmente uso o eclipse, por ser uma ferramenta onde desenvolvo em HTML, CSS, JavaScript, PHP, XML e Java. Não uso Aptana, pois o editor de HTML e CSS não são tão bons assim e tem bugs quanto ao nome dos elementos e formatação do código. Existe o Web Standard Tools (WST) do Eclipse que é melhor que o Aptana. Para Javascript eu uso o JEclipse (excelente plugin).

    Realmente o PSPad é muito bom. Une ferramentas importantes como FTP, compactação/descompactação, formatação, caixa de cores e etc e etc. Tudo que o Editplus não faz, ele faz. Gostei bastante. Vou fazer testes com ele agora.

  • http://www.tecnalta.net Pedro

    Eu uso o Crimson Editor, é mto bom tem todas funções bacanas, tipo abrir arquivo remoto, macros, também abre na hora que eu clico, e ainda lembra os arquivos que estavam abertos nas tabs, tem syntax para ruby e rhtml, tive q botar, mas tem.

    Problemas dele, o carset padrão de novos arquivos é ascii e nao utf-8, as vezes trava acessando arquivos remoto, fora isso perfeito, também falta um autocomplete.

← Older Comments
Newer Comments →