Já se foram os dias em que todo o kit de ferramentas de web designers e desenvolvedores era limitado a aplicativos de desktop especializados. Chegaram tempos novos e interessantes na Internet, a cada ano um grande número de diferentes aplicações e plataformas web começaram a aparecer, facilitando muito a vida dos desenvolvedores. Entre outras coisas, agora temos acesso a muitos editores online que fornecem um ambiente pronto para escrever e processar código, ferramentas flexíveis que nos permitem combinar CSS, HTML e JavaScript e criar e compartilhar exemplos de codificação.

O tempo não pára, junto com plataformas já consolidadas: Codepen, Dabblet, jsFiddle, JS Bin e outras, novas vão surgindo, não menos interessantes para trabalhar com código.

Eu gostaria de falar sobre um desses recém-chegados hoje.

— HTML5, CSS3 e JavaScript

Liveweave é um recurso bastante interessante e se tornará outro lugar popular para mexer em seu código. O design deste aplicativo é sem frescuras especiais, moderadamente minimalista, permitindo que você se concentre no trabalho com o código. Um painel superior familiar e muito conveniente com opções de seleção e opções e, claro, a área de trabalho, dividida em 4 partes HTML, CSS, JavaScript e um painel de visualização. Se desejar, você pode selecionar qualquer painel e expandi-lo para tela inteira, o que é muito conveniente.

Esta ferramenta tem muitas vantagens. A visualização é atualizada automaticamente, o destaque de sintaxe está disponível em duas opções, em fundo escuro e claro, a numeração de linhas também está presente aqui.

Um bom conjunto de bibliotecas de plug-ins que podem ser úteis para você em seu trabalho, Angular JS (1.0.7), Bootstrap (mais recente), Modernizr (mais recente), Moo Tools (mais recente), versões atuais de bibliotecas jQuery e muito mais . Para selecionar o que você precisa, basta pressionar o botão no painel de funções "Biblioteca" e selecione a biblioteca CSS ou JS necessária na lista.

Todas essas funções estão presentes em muitos outros editores online semelhantes, então o que há de novo que os autores deste recurso oferecem aos desenvolvedores?
Em primeiro lugar, gostaria de observar o funcionamento estável, não notei nenhum freio visível;
Em segundo lugar, otimiza o tamanho dos painéis de visualização com um clique, bem como a presença de interruptores de modo de visualização.
A terceira funcionalidade e provavelmente uma das mais “deliciosas” é a possibilidade de utilizar ferramentas adicionais diretamente do painel de funções, o botão “Ferramentas” dá acesso à criação da sua própria paleta de cores, a possibilidade de gerar “texto de peixe” (Lorem ipsum) rapidamente para preencher o espaço, baixe o projeto criado em formato html ou em um arquivo zip compactado.
E finalmente, para mim pessoalmente, o que foi muito atraente neste editor foi a capacidade de usar o poderoso gerador de propriedades CSS3 sem sair do checkout. Acredite, você não encontrará essa oportunidade em todos os lugares; na verdade, é muito, muito conveniente. Ao trabalhar com estilos, você muda para o gerador css3, experimenta os parâmetros, vendo todas as alterações ao vivo, copia imediatamente o código finalizado produzido pelo gerador, transfere-o para o editor e no modo de visualização você vê o resultado final, e tudo isso em um clipe.

Em geral, o editor possui opções bastante úteis, incluindo a possibilidade de compartilhamento. Liveweave é certamente novo neste gênero, mas adicionou algumas inovações sérias que faltam em outros editores deste tipo. Não me atrevo a discutir sobre as vantagens e desvantagens, não é disso que trata esta breve revisão, só espero ter ajudado você a ver outra solução interessante. E, em geral, o bom é que existem cada vez mais ferramentas desse tipo, isso facilita o trabalho e, portanto, a vida é mais divertida))).

Gostaria de saber quais ferramentas você usa com mais frequência e por quê?

Atenciosamente, Andrey

Para um trabalho confortável com páginas HTML, fazendo alterações e edições nelas, são usados ​​​​editores HTML. Hoje existe uma grande variedade desses editores, cada um com seus próprios pontos fortes e fracos, e também podem ser usados ​​para diversas tarefas.

Adobe Dreamweaver é um dos editores HTML mais antigos, cuja primeira versão foi lançada em dezembro de 1997. Desde então, o pacote passou por muitas mudanças e acabou se tornando um verdadeiro editor HTML profissional, usado para trabalhar com projetos web complexos. Aqui você encontrará todas as ferramentas mais recentes para um desenvolvedor web.

A nova versão suporta o padrão HTML 5 e também melhora o editor de código e a janela do desenvolvedor. Foi implementado suporte ao pré-processador CSS, além de exibir todas as alterações na janela do navegador em tempo real. É fornecida forte integração com Flash Player. O design exterior foi completamente atualizado.

As desvantagens do Adobe Dreamweaver são o seu “peso” e os requisitos de hardware. Você deve ter vários gigabytes livres em seu disco rígido para instalar o pacote. O programa possui um grande número de guias e configurações diferentes, o que requer mais tempo para se familiarizar com ele. Além disso, Adobe Dreamweaver é um software proprietário que exige que você pague para usá-lo.

Apesar disso, o programa possui um período de teste gratuito, durante o qual você poderá avaliar todos os benefícios e vantagens deste pacote. Normalmente este período dura um mês a partir da data de instalação do programa.

O editor multiplataforma Sublime Text está gradativamente ganhando popularidade entre os profissionais. Isso se deve à sua máxima simplicidade, falta de frescuras e ao mesmo tempo a presença de todas as ferramentas necessárias que um desenvolvedor necessita. No entanto, se de repente você precisar de algo e não estiver na funcionalidade padrão do Sublime Text, você sempre poderá encontrá-lo como um plug-in ou poderá escrevê-lo você mesmo em Python. Todo o trabalho é feito por meio de teclas de atalho, de modo que a própria janela do programa contém um mínimo de elementos de interface. A área de trabalho pode ser dividida em várias janelas independentes, dispostas horizontalmente, verticalmente ou em grade.

Apesar de todas as vantagens, o editor Sublime Text continua sendo uma ferramenta bastante difícil para iniciantes. Mesmo a configuração padrão do editor aqui ocorre não por meio do menu, mas por meio de arquivos config.json, cujo trabalho requer treinamento básico do usuário. Porém, para programadores profissionais não será difícil customizar esta ferramenta, visto que ela vem com documentação completa.

O editor Sublime Text é um software proprietário, mas você não precisa pagar para usá-lo. Cada vez que você iniciá-lo, aparecerá uma janela lembrando que você pode adquirir oficialmente este programa, mas isso é feito por doação e não por compra obrigatória.

Você pode baixar o programa no site oficial: https://www.sublimetext.com.

O Notepad++ não é tecnicamente um editor HTML, mas pode ser usado para esses fins. Possui destaque de sintaxe integrado para linguagens de marcação HTML e XML, linguagens de programação mais populares, algumas das quais são usadas no desenvolvimento web, como PHP, Ruby, Perl, Python e muitas outras.

Existem várias ferramentas que ajudam você a editar seu código, como marcadores, dobramento de blocos de código, preenchimento automático, gerenciador de projetos, edição e destaque de várias linhas, suporte para diferentes codificações e muito mais. Há também um grande número de plug-ins para Notepad++ de vários desenvolvedores, o que expande significativamente a funcionalidade do programa, tornando-o um sério concorrente para editores profissionais de HTML.

As vantagens do editor de texto Notepad++ incluem sua velocidade e pequena quantidade de espaço em disco. Além disso, o programa possui uma interface muito simples, que não requer tempo adicional de treinamento para funcionar. Além disso, são constantemente lançadas atualizações para o Notepad++, sobre as quais o próprio programa notifica os usuários, oferecendo-se para instalá-las. A vantagem mais importante do editor é que ele é distribuído sob a licença GNU GPL 2, o que implica software livre.

Você pode baixar este editor agora mesmo no site oficial https://notepad-plus-plus.org sem quaisquer restrições.

Este é um editor simples com uma interface agradável que lembra vagamente o Sublime Text. Escrito em CoffeeScript. Atom é um editor de texto bastante jovem, cujo primeiro lançamento ocorreu em 26 de fevereiro de 2014. Possui suporte para plugins escritos em Node.js. Adequado para iniciantes trabalharem não apenas com HTML, mas também com uma série de outras tarefas.

O Atom é gratuito e pode ser instalado nos sistemas operacionais mais populares. Além disso, é bastante fácil de instalar e usar, funciona rapidamente e requer uma pequena quantidade de espaço livre no disco rígido.

Para começar a usar este editor, basta clicar em “Abrir um Projeto” na janela de boas-vindas que é aberta por padrão. A seguir, é selecionado um diretório de trabalho, após o qual nele é criado um arquivo e sua extensão é indicada. A sintaxe do arquivo é determinada automaticamente com base na extensão especificada.

Vim é um editor de texto profissional gratuito que vem da família dos editores Unix mais antigos. O Vim foi lançado pela primeira vez em 2 de novembro de 91. É conhecida como uma ferramenta para programadores profissionais, que oferece enormes oportunidades para automatizar o trabalho. A interface visual padrão do Vim é de console, mas há uma modificação do Gvim que funciona por meio de uma interface gráfica em janela.

Ao trabalhar com o Vim, existem vários modos, alternando entre os quais alteram as teclas de atalho e sua funcionalidade. Inicialmente, o Vim inicia no que é chamado de modo “normal” ou “comando”. Possui todas as teclas de atalho usuais, como “copiar”, “excluir”, “colar”. Em outros modos, você insere texto, trabalha com o console ou chama o modo visual. Ao que parece, por que tais dificuldades? O fato é que o Vim foi desenvolvido como uma ferramenta em que qualquer ação é considerada não do ponto de vista da “conveniência” clássica, mas como algo que requer otimização máxima.

O Vim é muito rápido e quase não usa recursos do sistema. Quanto à dificuldade de aprendizado, definitivamente esta não é uma ferramenta para iniciantes. Mais de cem comandos foram desenvolvidos apenas para a operação de movimentação. Claro, você não precisa memorizar todos eles. Cada um escolhe seu estilo de programação e, com base nele, aprende o que precisa. Apenas dominar este editor no nível adequado exigirá muita paciência e tempo. No entanto, como recompensa, os usuários diligentes receberão o editor de código mais poderoso disponível atualmente. Vim é uma ferramenta gratuita e multiplataforma que roda em Linux, Mac, Windows e diversos outros sistemas operacionais.

Ao contrário de outros programas, o IntelliJ IDEA é um ambiente de desenvolvimento integrado (IDE) profissional. Além de poder funcionar perfeitamente com linguagens de marcação HTML/XHTML/HAML e linguagens de descrição de aparência de página CSS/SASS/LESS, é possível trabalhar em estreita colaboração com Java, JavaScript, Python e Coffee Script. IntelliJ IDEA é desenvolvido pela JetBrains.

Por que você deveria começar a usar este programa específico? Em primeiro lugar, tem uma interface muito bem pensada. Você pode começar a trabalhar com ele imediatamente após a instalação, mesmo que nunca o tenha encontrado antes. Além disso, é possível trabalhar com ferramentas populares como CVS, Apache Ant, Maven, JUnit e Subversion, que, aliás, são totalmente gratuitas.

Infelizmente, o IntelliJ IDEA em si não é um programa totalmente gratuito. A versão completa está disponível apenas por um período de teste de 30 dias, e sua versão simplificada carece de muitos recursos úteis e pode ser realmente útil para desenvolver aplicativos no Android ou ao trabalhar com uma máquina Java.

Um editor de HTML é a primeira coisa que você precisa para começar a criar páginas da web usando HTML e CSS. Existem muitos editores de HTML gratuitos por aí, e escolher um pode ser uma tarefa difícil.

O HTML é bastante simples e por isso você pode começar a trabalhar em suas páginas web usando um editor de texto simples como o Notepad, WordPad ou qualquer outro. Você também pode ir além e usar um dos editores mais ricos em recursos, como Coffecup, Notepad++, Brackets, Notetab ou BlueGriffon. A vantagem de usar editores mais avançados e funcionais é que você obtém mais ferramentas que podem agilizar significativamente o processo de marcação e criação de conteúdo.

Esteja você procurando criar blogs e artigos bem formatados para serem lidos pelos navegadores ou planejando construir um site totalmente funcional usando HTML e CSS, escolher o editor certo melhorará muito sua produtividade. Os desenvolvedores web profissionais gastam uma quantidade significativa de tempo escolhendo o editor e as ferramentas que melhor atendem às suas necessidades e aumentam sua produtividade.

Qual editor HTML gratuito é ideal para você?

A resposta a esta pergunta depende inteiramente dos seus requisitos, do produto que pretende criar utilizando HTML, do seu nível atual de conhecimento desta linguagem de marcação, caso pretenda simplesmente aprender. Como a maioria desses editores é gratuita, você pode restringir a lista a 2 ou 3, experimentar suas funcionalidades básicas e decidir qual deles você mais gosta.

Além disso, quase todos os editores listados neste artigo são compatíveis com vários sistemas operacionais, incluindo Windows, Linux e Mac, então você não precisa se preocupar muito com compatibilidade.

Observe que a maioria das suas necessidades de edição podem ser facilmente atendidas pelo Notepad++ para Windows, Brackets para Mac (este editor também é compatível com Linux e Windows) ou Coffecup e Notetab. No entanto, se você planeja criar um site complexo, você deve optar por um ambiente de desenvolvimento completo, como o Eclipse.

Por outro lado, se você quiser apenas brincar com HTML e CSS, existem vários editores online onde você pode escrever código HTML e ver os resultados imediatamente.

Vejamos os dez melhores editores de HTML que são fáceis de usar, ricos em funcionalidades e populares entre os desenvolvedores da web.

1. Notepad++ (melhor editor HTML gratuito para Windows)

notepad-plus-plus.org

Este editor está disponível apenas para usuários do Windows, portanto, se você tiver um Mac ou Linux, continue. Notepad++ é o melhor editor HTML gratuito que você pode instalar em seu computador Windows. À primeira vista é muito básico, mas é um dos editores mais complexos e ao mesmo tempo fáceis de usar.

Grande parte do enorme poder do Notepad++ vem de plug-ins de terceiros, incluindo PreviewHTML, plug-in de tags HTML para destaque de tags, Tidy2 para recuo e muitos outros.

Os principais recursos do Notepad ++ são uma interface tabular para trabalhar com vários arquivos simultaneamente, recolhimento e realce de sintaxe muito fáceis, GUI personalizável (com uma opção minimalista), tabelas com botão fechar, tabelas verticais, multilíngue (ou seja, você pode configurar a interface em inglês, francês, espanhol e chinês, além de 80 outros idiomas).

O Notepad++ foi desenvolvido por Dong Ho e lançado em 2003. É gratuito para uso pessoal e comercial e está licenciado sob a GNU General Public License.

Para usuários de Mac, uma ótima alternativa ao Notepad++ é o Brackets, que abordaremos a seguir.

2. Colchetes (gratuito para Mac, Windows e Linux)

Brackets é outra ferramenta popular e confiável para desenvolvimento web e edição de código HTML. Ao contrário do Notepad++, este editor é compatível com Mac, Ubuntu, Debian e Windows. Também é gratuito para uso pessoal e comercial (licença MIT).

Brackets é fácil de usar e possui muitas extensões que melhoram sua funcionalidade. Extensões populares:

• Emmet – acelera a escrita de código CSS e HTML;
• Beutify – formata arquivos HTML, CSS e JavaScript;
• Validação W3C – verifica a validade do seu código HTML.

Brackets é um lindo editor com design moderno e minimalista. As alterações feitas no código são exibidas imediatamente no navegador. Você pode fazer edições no código CSS ou HTML e ver como elas mudam a aparência do seu site em tempo real.

Leia sobre colchetes aqui – Editor para HTML: colchetes

3. Coffecup (existem versões gratuitas e pagas)

Coffecup é talvez o melhor editor HTML disponível nas versões gratuita e comercial. O gratuito carece de alguns recursos, mas é complexo o suficiente para estar em nossa lista.

Os principais recursos da versão gratuita incluem:

• barras de ferramentas personalizáveis,
• conclusão de código para elementos, atributos e seletores,
• temas e modelos prontos para usar,
• suporte para formato markdown para HTML,
• Suporte FTP/SFTP,
• função arrastar e posicionar para imagens,
• opção de visualização,
• destaque de sintaxe,
• um dicionário de sinônimos para encontrar alternativas para uma palavra e muito mais.

A versão paga não é muito cara. Inclui vários recursos adicionais, como validação de código HTML e CSS, biblioteca de tags, limpador de código e corretor ortográfico dinâmico.

O Coffecup também oferece diversos módulos avançados para trabalhar de forma mobile friendly, sem a necessidade de escrever nenhum código, apenas usando funções de arrastar e soltar. Esses módulos incluem o Foundation Framer, o Bootstrap Builder e o Responsive Site Designer.

O Coffecup está no mercado desde 1996 e é utilizado por freelancers, startups, pequenos negócios, bem como desenvolvedores web de grandes empresas. É uma excelente ferramenta para criação de sites, páginas web, newsletters, notas formatadas em HTML e conteúdo para redes sociais.

4. NoteTab (duas versões, paga e gratuita)

NoteTab é outro editor de HTML e CSS que oferece recursos para desenvolvimento rápido. Este é um produto do software Fookes, que há 20 anos trabalha em ferramentas para agilizar o processo de desenvolvimento.

A popularidade do NoteTab é confirmada pelo fato de ser usado pela NASA, FBU, VISA, CIA Hewlett Packard, MIT.

NoteTab possui três versões, Light, Standard e Pro. A versão Light é distribuída gratuitamente para uso individual. Não possui todos os recursos da versão Pro, mas suporta bibliotecas HTML5 e CSS3, bootstrap, preenchimento automático de HTML, mesclagem de arquivos em projetos, suporte a HTML Tidy, HTML para texto e também possui muitos temas.

O NoteTab pode ser iniciado diretamente de uma unidade flash e não requer instalação em sua máquina. Para blogueiros e pessoas envolvidas no conteúdo do site, este editor suporta contagem de palavras e estatísticas de SEO.

Você pode conhecer melhor o NoteTab no site oficial.

5. Eclipse (editor HTML gratuito)

O Eclipse é pesado e talvez um exagero para o desenvolvimento de HTML e CSS, mas pode ser usado com grande vantagem se você não se importar em instalar e configurar a fera. Esta é uma ótima ferramenta se você planeja criar sites complexos com bancos de dados combinados com outras fontes de dados, etc. A configuração pode levar algum tempo e exigir a instalação de plug-ins adicionais.

Eclipse é o ambiente de desenvolvimento integrado de código aberto mais popular. Este editor é frequentemente usado para Java, JavaScript, PHP, Ruby, Android e muitas outras linguagens de programação.

Você pode descobrir mais aqui –

6. HTML-Online

Quando se trata de editar código HTML online, no seu navegador, nada supera HTML-online.com. Você pode iniciar o processo de codificação imediatamente, sem baixar ou instalar nenhum software, e é gratuito.

Uma das vantagens deste editor é a conversão de Word para HTML, para que você possa copiar seu conteúdo de arquivos do Microsoft Word e aplicar automaticamente a marcação HTML a ele. Também há suporte para Google Docs, PDF, Excel, PowerPoint e muitos outros tipos de documentos.

Este é um editor visual confiável que o ajudará a criar sua página web e ao mesmo tempo monitorar as alterações de código na janela adjacente. Outros recursos que valem a pena mencionar incluem limpeza de código HTML, conversão de elementos de tabela em divs e uma opção de pesquisa e substituição.

7. BlueGriffon (licença gratuita, básica e EPUB)

BlueGriffon vem da casa de “Disruptive Innovations SAS”. Ele é construído no Gecko, o mecanismo de renderização web da Mozilla. BlueGriffon é um editor poderoso que herda a maioria de seus recursos do Netscape, Composer, Nvu e Mozilla.

BlueGriffon tem três variações, a primeira delas é gratuita, a segunda é distribuída sob licença básica e a mais poderosa é sob licença EPUB.

A versão gratuita também pode fazer muito. Possui temas preto e claro, suporte para formulários de áudio, vídeo e HTML5, recursos de edição CSS3 incluem transições, transformações 3D e 2D, criação SVG, tecnologia WYSIWYG, gerenciador de fontes do Google, gerenciador de fontes Font Squirrel, suporte ao formato markdown, interface do usuário em mais mais de 20 idiomas.

Você pode baixar e instalar o BlueGriffon no Windows, Linux Ubuntu e OS X no seu Mac. Você pode saber mais no site -

8. Emacs com plug-ins

www.gnu.org

Emacs é um dos editores mais queridos de todos os tempos. Seu uso é gratuito (licença GNU). Emacs é um editor de código de uso geral que você pode personalizar para atender às suas necessidades. Conectar plug-ins distribuídos gratuitamente o transforma em um editor de código poderoso com funcionalidades ricas.

Quando se trata de edição de HTML, o Emacs oferece um modo HTML que torna a edição de código muito fácil. Leia mais aqui – Emacs

9. Átomo

átomo.io

Atom é um editor de texto configurável dos desenvolvedores do GitHub. Sua popularidade está crescendo muito rapidamente. Este editor é gratuito para uso pessoal e comercial (licença MIT). A comunidade de desenvolvedores busca constantemente enriquecer o editor com novos recursos.

Como transformar o Atom em um editor HTML gratuito?

O Atom vem com todos os recursos básicos necessários para editar seu código, mas para torná-lo um editor HTML totalmente funcional, você precisará instalar pacotes adicionais. Isso inclui Emmet, atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimapa, haml e jade.

Atom é compatível com Windows, Ubuntu (Debian Linux), Fedora (a partir da versão 22), Mac e Red Hat Linux. É mais adequado para desenvolvimento web do que para escrita de conteúdo, pois é mais orientado ao código e requer pouca personalização.

10. Comunidade do Visual Studio

O Visual Studio Community é um ambiente de desenvolvimento totalmente funcional da Microsoft e é gratuito para todos. O Visual Studio oferece recursos de edição de HTML e CSS pré-configurados que podem ser aprimorados ainda mais com extensões.

Extensões populares que valem a pena mencionar são HTML Snippets, HTMLHint, suporte HTML CSS, Intellisense para nome de classe CSS.

Assim como o Eclipse, a comunidade do Visual Studio é uma excelente opção para sites complexos e altamente escalonáveis ​​que exigem muitas tecnologias.

Conclusão

A linguagem de marcação HTML é usada em todos os lugares. Existem muitos editores de HTML que foram criados há muito tempo, mas que mesmo assim acompanham os tempos e são bastante adequados para desenvolvimento web. Mas há outros que já não carecem de funcionalidade e produtividade. Novos editores estão surgindo, como Brackets e Atom, que fornecem edição eficiente de código.

A maioria dos editores listados neste artigo tem características próprias, mas têm um propósito: criar páginas da web. Eles aumentam a velocidade de desenvolvimento e ajudam a organizar o código, levando em consideração a possibilidade de escalá-lo.

Dê uma olhada nas opções mencionadas neste artigo, anote suas principais necessidades, restrinja a lista a alguns editores, experimente cada um e veja qual você mais gosta. Você provavelmente encontrará pelo menos um bom editor de HTML para Linux, Mac e Windows.

Se você deseja desenvolver sites, você precisa de um editor de HTML. Claro, você pode usar um bloco de notas normal, mas é improvável que seja conveniente. É importante observar que os editores de HTML devem realizar duas tarefas importantes: destaque de código e preenchimento automático. Naturalmente, funções adicionais também são bem-vindas, vários temas de design, por exemplo. Existem muitas dessas funções adicionais. Bem, agora vamos dar uma olhada em alguns editores de HTML gratuitos que fazem um excelente trabalho nas tarefas listadas acima.

Editor de código gratuito - Bloco de notas do programador

Este editor oferece uma interface moderna que vem em dois tipos, claro e escuro. Além disso, o realce de sintaxe é muito bom e o esquema de cores é bem escolhido. Acho que este editor atenderá a todos os seus requisitos.

Editor HTML - SynWrite

SynWrite é um editor interessante com uma ampla gama de recursos. A ideia deste editor era combinar todas as vantagens de outros editores HTML em um produto de alta qualidade. Sua funcionalidade pode ser significativamente expandida com a ajuda de plugins adicionais escritos em Python. Além das funções padrão, SynWrite permite editar imediatamente vários trechos de código ao mesmo tempo:

Este recurso economizará muito tempo.

Editor HTML gratuito - PlainEdit.NET

Este editor pode abrir vários arquivos de uma vez e podem ser adicionados plug-ins que expandirão significativamente as funções do editor, incluindo temas de design. Além disso, você pode adicionar e alterar texto usando expressões regulares, mesmo em documentos que não estejam abertos no momento. É importante notar que o PlainEdit também pode funcionar a partir de uma unidade USB.

Bloco de notas++

Este editor é um clássico. É muito popular em todo o mundo. O Notepad++ tem tudo que um editor de texto deveria ter. A interface pode ser personalizada de acordo com seus desejos e plugins gratuitos ajudarão a expandir a funcionalidade do editor.

Editor gratuito - j

Com este editor você pode abrir e editar praticamente qualquer arquivo. Simplifica muito a tarefa de abrir vários arquivos ao mesmo tempo. Quaisquer recursos ausentes podem ser complementados com uma variedade de plug-ins.

Pronto para uso, o jEdit vem com funções necessárias integradas, por exemplo, dobramento de código, marcação de tags e elementos, um gerenciador de arquivos e muitas outras funções.

Texto Sublime 2

Este é o editor mais popular entre programadores e desenvolvedores web. Nenhum editor semelhante teve tanto triunfo quanto o Sublime Text 2. Ele é elogiado por muitos programadores. O editor é altamente personalizável por meio de diferentes resoluções e arquivos JSON.

Para este editor popular você pode encontrar extensas bibliotecas de documentação, tanto oficial quanto não oficial. Os tutoriais do Sublime Text 2 podem ser encontrados em qualquer lugar.

Sublime Text 2 é parcialmente gratuito, a licença custa US$ 70.

Novo editor - Colchetes

Brackets é um editor moderno de código aberto com alguns recursos interessantes. Funciona com Adobe Creative Cloud para extrair cores, fontes e muito mais de um arquivo PSD. Também pode extrair camadas como imagens. Muito conveniente

Infelizmente, Adobe Creative Cloud é um serviço pago.

Este editor possui todas as funções necessárias para um editor de código moderno. Existem muitas extensões diferentes que são lançadas a cada 2 a 3 semanas.

Estúdio Aptana 3

Os maiores pontos fortes do editor são a capacidade de personalização, a integração com Git e o terminal integrado. Aptana Studio 3 suporta os mais recentes padrões da web, como HTML5 e CSS3.

Conclusão

Existem muitos editores de HTML por aí, mas apenas alguns deles são realmente utilizáveis. Para uso não diário existe o Notepad++, mas para uso diário claramente não seria suficiente. Existem opções melhores para isso, como Sublime Text 2, que pode ser customizado conforme a necessidade do usuário. Curioso para saber quais editores você escolhe?

Todo desenvolvedor web precisa de uma ferramenta conveniente para criar e editar código, mas nem todo mundo está pronto para desembolsar uma quantia decente de dinheiro para comprar o mesmo Adobe Dreamweaver. Além disso, a maioria das pessoas não precisa usar a gama de funcionalidades que este software combina.

Portanto, compilamos para você uma lista dos melhores editores de HTML distribuídos sob licença gratuita.

Bloco de notas++

Um excelente editor de texto que pode ser usado como um substituto mais funcional do Bloco de Notas do Windows, ou como editor com layout e linguagens de programação web: HTML, CSS, Java Script, PHP.

Trabalhar em modo de guias, realce de sintaxe, codificações, macros, capacidade de instalar plug-ins adicionais, verificação de código e comparação de arquivos - esses e outros recursos tornam o Notepad++ uma ferramenta verdadeiramente útil para um desenvolvedor web.

Vale destacar a facilidade de distribuição e a rapidez do programa.

Edição Komodo

Um editor de uso geral com suporte para HTML e CSS, que é uma plataforma completa, cujas capacidades podem ser expandidas com a instalação de vários complementos. O HTML Toolkit é altamente recomendado, adicionando recursos como visualização CSS, tags de fechamento automático, suporte a HTML 5, preenchimento automático contextual e muito mais.

Outros recursos interessantes incluem esquemas de cores claras e escuras, configurações flexíveis para destaque de código, destaque de bloco, conexão a um site via FTP, etc.

Um sistema de ajuda de alta qualidade e funcionalidades avançadas fazem do Komodo Edit um dos melhores editores e uma excelente alternativa às soluções pagas.

Aptana

O principal objetivo do programa é trabalhar com HTML, CSS e JavaScript, e o suporte para outras linguagens é fornecido conectando os plugins apropriados. O preenchimento automático de HTML e as dicas de ferramentas são um ótimo bônus para um editor gratuito.

Aptana oferece suporte parcial a CSS3 e suporte total a HTML5. O pacote de distribuição do programa é bastante volumoso, mas isso se explica pela sua extensa funcionalidade. Para um iniciante, um número tão grande de funções e configurações diferentes pode ser intimidante, mas, em princípio, ninguém o incomoda em usar o programa como um simples editor.

Alaborn iStyle

Outra ferramenta bem feita, cujos desenvolvedores conseguiram encontrar um compromisso entre conveniência de interface, funcionalidade e facilidade de uso. A interface é totalmente russa e, como bônus, há um sistema de ajuda bem desenvolvido.

Entre outras funcionalidades que este editor HTML oferece, vale destacar:

• velocidade de operação e baixos requisitos de recursos;
• uma grande quantidade de informações de referência incorporadas à interface;
• trabalhar com vários buffers de texto simultaneamente;
• assistentes passo a passo automáticos para simplificar tarefas padrão.

KompoZer

Se todos os editores HTML listados acima fossem editores de texto, então este é o único que permite trabalhar no modo WYSIWYG. Além disso, pode ser merecidamente considerado o melhor dos gratuitos. Além disso, pode funcionar em três modos: texto, visual e combinado. Assim, proporcionando as facilidades necessárias tanto para iniciantes quanto para profissionais.

A facilidade de trabalhar com código é garantida por uma interface amigável, editor CSS integrado e suporte para todos os elementos HTML.

Não alocamos especificamente lugares no ranking, pois cada um dos programas listados tem suas vantagens e desvantagens, que podem desempenhar um papel importante para uma pessoa e ser completamente insignificantes para outra. Portanto, recomendamos instalar e experimentar cada um dos programas na prática para tirar suas próprias conclusões. Além disso, é totalmente gratuito.