Olá queridos leitores do blog. Há muito tempo eu queria escrever sobre um maravilhoso editor gratuito (o link leva ao site oficial, onde você pode baixar a versão mais recente com suporte ao idioma russo).

Por muitos anos tem sido um dos programas mais exigidos e usados \u200b\u200bpara edição de código Html, CSS e PHP. Estou até surpreso: “como é que eu fiquei sem ele antes, percebendo seu potencial com a ajuda de alguns outros programas?”.

Agora tenho alguns navegadores em execução no meu computador ao mesmo tempo, um gerenciador de FTP muito simples, gratuito e conveniente FileZilla e este mesmo editor, cujas capacidades são simplesmente incomparáveis \u200b\u200bcom o notebook usado por padrão no Windows. Mas as primeiras coisas primeiro.

Download e recursos do editor Notepad ++

A instalação do programa no Windows é feita de forma totalmente normal. Você também pode, se desejar baixar Notepad ++ Portable representando versão portátil este editor, que não requer instalação no sistema operacional.

A versão portátil pode ser obtida a partir da versão regular se você descompactar o arquivo com o programa em qualquer lugar conveniente e executar arquivo executável notepad.exe.

Todos os prós do editor Notepad ++

Na verdade, o notebook embutido no Windows difere de nosso herói da mesma forma que o céu e a terra. Em um notebook clássico, não há praticamente nada além da capacidade de visualizar e criar os arquivos de texto mais simples (acontece algo semelhante a um bastão de escavação usado por pessoas nos estágios iniciais de desenvolvimento).

Tendo começado a usar o Notepad com duas vantagens, pelo menos para ajustar arquivos Html e CSS, você irá imediatamente da Idade da Pedra para a cabine de uma moderna máquina de terraplenagem. Existem, é claro, outros programas alternativos e até, mas para um iniciante, um "bloco de notas com duas vantagens" será a própria coisa (IMHO).

Sim, claro, usá-lo pode parecer complicado e não convencional no início. Mas isso é apenas no início do conhecimento, e então será tão difícil para você passar sem ele, como, por exemplo, muitos usuários de computador não imaginam sua vida (também uma espécie de "clássico").

Se compararmos o Notepad ++ com programas mais complexos projetados para facilitar a escrita e edição de vários códigos, como o Dreamweaver, então existem alguns argumentos para usar nosso herói:

1. Em primeiro lugar, é absolutamente grátis, o que significa que você pode economizar muito usando-o em vez do Dreamweaver, se não levar em conta as versões hackeadas de programas pagos (que podem ser um terreno fértil para Trojans e outros vírus).
2. Em segundo lugar, o Bloco de notas é muito mais leve e rápidodo que muitos dos editores pagos. Além disso, é possível usá-lo sem precisar instalá-lo na sala de cirurgia. sistema Windows (a chamada versão portátil - portátil) e carregue-o, por exemplo. Como resultado, você sempre terá à mão uma ferramenta conveniente, funcional e bem compreendida para trabalhar com Html, PHP e várias dezenas de outros tipos de código.

Por que vale a pena baixar este editor?

Vamos examinar rapidamente suas capacidades e recursos e, em seguida, tentar considerá-los com mais detalhes. Portanto, o Notepad ++ pode fazer o seguinte:

1. Destaque várias dezenas das linguagens de programação e marcação mais populares, como: Ada, Assembler, C, C #, C ++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL , XML.

Para todos esses idiomas realce de sintaxe, quebrando o código em linhas e blocos que podem ser recolhidos clicando no sinal de menos e expandidos clicando no sinal de mais. E também a linha pontilhada pode exibir a relação entre os elementos. Como exemplo, peguei um snippet de código PHP para demonstrar os recursos deste editor:



Se você clicar na tag Html de abertura, ela será destacada com um fundo azul e, ao mesmo tempo, a tag de fechamento, se houver, será destacada também. Ótimo para encontrar itens não fechados e.

2. É muito fácil de implementar nele mudar a codificação, por exemplo, ao que agora é popular, de que falei em um artigo dedicado à luta contra os krakozyabras nas codificações da língua russa (veja no link).
   
   
3. Em uma janela do programa, você pode abrir quantos arquivos desejar para edição, porque o Notepad ++ usa guias da maneira que você já conhece nos navegadores modernos.

   

   A cor do disquete em cada guia mostra se você salvou as últimas alterações feitas nele usando um disquete semelhante na barra de ferramentas. Na guia ativa, um disquete vermelho (e em um inativo - roxo) indica o seu esquecimento.

4. Com este editor, você pode manter pesquisa (Ctrl + F) tanto para o documento aberto nele, quanto para uma série de arquivos de texto em uma pasta específica. É possível pesquisar com substituição e usar expressões regulares. Uma ferramenta incrivelmente útil.
   
   
5. Nas configurações deste editor, pode-se habilitar a prescrição automática do tag Html de fechamento, ao digitar o tag de abertura, bem como a opção de preenchimento automático dos tags.
6. O Notepad ++ não apenas mantém um histórico de todas as suas alterações e permite que você retroceda ou retroceda quantas etapas quiser, mas também faz backup de cópias desses documentos no formato do Microsoft Word.
7. Este editor tem a capacidade de controlar teclas de atalho, do qual existe uma grande variedade - a partir do menu superior "Opções" - "Teclas de atalho". Além disso, ao clicar duas vezes na combinação de seu interesse, uma janela para reatribuições de teclas se abrirá, o que pode ser conveniente para quem muda para o Bloco de notas de outro editor.
   
   
8. Bloco de notas ao longo dos anos de sua existência tenho uma tonelada de plug-ins, alguns são instalados com ele por padrão, e o resto estará disponível para você no menu superior "Plugins" - "Gerenciador de Plagin" - "Exibir Gerenciador de Plagin".

   

   Para instalar, basta marcar a caixa ao lado do plugin na primeira aba e clicar no botão "Instalar".

   
   

   Depois disso, a janela do editor será recarregada e o novo plugin estará disponível na aba de mesmo nome:

   

   

9. Este "canivete suíço" também pode se conectar ao seu site via FTP, gravar e reproduzir macros, verificar a ortografia em tempo real, comparar dois arquivos em janelas abertas lado a lado e muito, muito mais.

O que mais você pode precisar no Notepad ++

1. Graças ao destaque de sintaxe no Notepad ++, é muito fácil, por exemplo, verificar se todas as tags Html no código estão fechadas e, com o mínimo de experiência, você já notará visualmente que no código que você tem houve um erro em algum lugar, porque o esquema de cores do código neste local mudará.
2. Além disso, devido ao fato de que o código é destacado em cores, e o texto usual de meus artigos permanece preto, é muito conveniente para meu corretor gramatical permanente (amada esposa) verificar a gramática nele. Não, claro, também uso vários, mas nenhum deles ainda é capaz de verificar a pontuação e os erros de semântica também.
3. Neste editor de texto, também gosto muito da capacidade de exibir visualmente blocos de código individuais destacando colchetes como () (). Quando o cursor do mouse está entre quaisquer colchetes, eles são destacados, como se destacassem o início e o fim de um bloco de código Html ou PHP.
4. Além da excelente execução do backlight, a possibilidade de dê um passo para trás (desfazer a ação anterior). Além disso, o número de passos para trás não é limitado, o que permite que você não tenha medo de experimentar o código sem o risco de consequências irreversíveis.

   

   Desfazer uma ação no Notepad ++ é possível usando as teclas de atalho Ctrl + Z (Ctrl + Y é um passo à frente, ou seja, desfazer o desfazer), usando os itens de menu apropriados "Editar" ou usando os botões em forma de setas curvas na barra de ferramentas deste editor.

5. O Notepad ++ monitora constantemente o estado dos documentos nele abertos, e se forem alterados ou excluídos, por exemplo, em outro programa, será exibida uma janela com a proposta de fechar esta aba com o documento ou recarregar sua versão modificada.
6. Como mencionei anteriormente, o bloco de notas dois mais tem a capacidade de configurações de destaque de sintaxe (bem como uma dúzia de outros idiomas) para atender aos seus gostos e necessidades, mas nunca usei essa opção, porque as configurações padrão são boas.

   

   Mas ninguém te incomoda em fazer isso, já que tudo é extremamente simples - selecione as opções "Opções" - "Definir estilos" no menu superior, como resultado uma janela será aberta onde você poderá ajustar as fontes e cores para realçar Html, PHP ou qualquer outro idioma que você precisa.

Também no Notepad ++ existe a possibilidade conclusão automática a palavra que você está digitando, o que pode ser muito conveniente se você não tiver certeza sobre a correção da grafia deste ou daquele operador em Html, PHP ou qualquer outro código. Para fazer isso, ao digitar, você só precisa pressionar a combinação de teclas Ctrl-Espaço e selecionar a opção desejada na janela que se abre:



Se você deseja tornar o preenchimento automático do código automático, sem usar teclas de atalho, você precisará selecionar no menu superior "Opções" - "Configurações" e na guia "Reservar / Preenchimento automático" marcar a caixa "Ativar para cada entrada".

7. Outro gadget, que me parece bastante conveniente neste editor, é a capacidade de arrastar atalhos de documentos diretamente para a janela do programa para abri-los (embora isso dificilmente possa surpreender alguém) e a possibilidade arrastar e soltar no próprio documento, o fragmento de código destacado (com o botão esquerdo do mouse) para o local que você precisa.
8. Ao trabalhar com o Notepad ++, você terá a opção colocar marcadores, que nele são chamados de notas, mas a essência não muda. Na linha de que você precisa, você pode colocar um marcador na forma de um ponto azul na margem esquerda clicando com o mouse.

   

   Para definir um marcador (notas) no editor, você também pode usar o atalho de teclado Ctrl-F2 e, para se mover entre os marcadores definidos no documento, será suficiente pressionar F2 ou Shift-F2 sequencialmente para rolar pelas notas na direção oposta.

9. Se você trabalha neste editor com um arquivo Html, você pode olhar como seu código ficará no navegador FireFox ou IE selecionando os itens de menu apropriados "Iniciar". Se precisar de outro navegador, selecione o item superior "Iniciar" e localize o executável de que precisa na janela que se abre.

   

10. Também disponível a capacidade de gravar macros, que ainda não criei, mas a lógica de seu trabalho é bastante simples. Primeiro, você grava selecionando "Macros" - "Iniciar gravação" no menu do editor e, em seguida, insere as macros gravadas no local desejado no código, selecionando-as no menu do editor ou usando as teclas de atalho atribuídas a elas.

Codificações e trabalho com arquivos na janela do editor Notepad ++

1. Deve-se notar que este editor de código permite salvar e converter Html, PHP e outros arquivos para a codificação UTF-8 (sem BOM). Isso me ajudou mais de uma vez a superar o problema com a codificação em russo ao trabalhar com vários sites.

   Quando eu queria alterar qualquer inscrição no site para russo, muitas vezes acabava com krakozyabras, cuja causa era a codificação do Windows-1251, na qual o arquivo original era salvo.

   Depois que o arquivo original foi convertido para codificação UTF-8 (sem BOM), Krakozyabry foi transformado com sucesso em símbolos russos comuns. então se você adicionar o alfabeto cirílico a qualquer arquivo de mecanismo, para sua exibição correta no site você precisará salvá-lo imediatamente na codificação correta ou então convertê-lo.

   Eu provavelmente deveria dizer algumas palavras sobre esse mesmo BOM. O fato é que quando você trabalha com diferentes objetos de texto em um bloco de notas normal do Windows, então, quando você o salva na codificação UTF-8, são adicionados caracteres invisíveis (BOM), que podem afetar subsequentemente o desempenho deste arquivo (por exemplo, o PHP pode apresentar um erro) ...

2. Se você quiser imprimir o conteúdo abrir arquivo, o código não será impresso na forma em que você o vê na janela do programa. Mas escolhendo no menu "Opções" - guia "Configurações" "Impressão" você terá liberdade para alterar isso e escolher a opção de imprimir o código destacando em cores, permitir a exibição de números de linha, cabeçalhos e rodapés, etc. coisas:
   
   
3. Este editor de texto avançado também tem a capacidade de abrir quantos documentos novos você desejar, sem medo de bagunçar a barra de tarefas. sistema operacional... Em uníssono com os navegadores modernos, ele abrirá todos os novos documentos não em uma nova janela do programa, mas em uma nova guia janela já aberta.

   

   Além disso, essas guias de vários documentos na janela deste notebook podem ser arbitrariamente arrastadas com o mouse, fechadas e minimizadas.

   

   Bem, dependendo das configurações feitas ("Opções" - "Configurações"), todas as abas abertas antes de fechar o Notepad ++ serão restauradas na próxima vez que o programa for iniciado (novamente, semelhante ao trabalho dos navegadores). Você pode fechar os desnecessários clicando duas vezes sobre eles ou posicionando-os verticalmente.

4. Além das operações usuais com guias, neste editor você pode abrir em uma janela ao mesmo tempo duas cópias do mesmo documento... Isso pode ser necessário se você precisar trabalhar com o documento em suas diferentes partes (um lugar para olhar ou copiar e outro para colar).

   Para ativar este modo, você só precisa clicar com o botão direito na guia do editor de PHP necessária e selecionar "Duplicar em outra janela" no item contextual.

   

   É muito conveniente que após salvar as alterações em uma das cópias do documento, a segunda também seja atualizada (ou seja, você não ficará confuso - você salvou as alterações feitas e em qual cópia).

5. Eu também gosto muito disso pesquisa embutida em documentos abertos Html ou PHP substituível (algumas pessoas usam ativamente expressões regulares para isso, mas para minha vergonha, não as conheço). Toda a riqueza da pesquisa neste editor de texto avançado pode ser apreciada simplesmente abrindo o item de menu "Pesquisar". Veja a imagem no início do artigo.

Em geral, este editor de texto tirou muitas coisas úteis e convenientes da funcionalidade de outros aplicativos, para os quais um respeito separado aos seus desenvolvedores e àqueles que fazem plugins para ele, alguns dos quais serão agora discutidos.

Usando plug-ins no Notepad ++

Deixe-me lembrá-lo de que para instalar um novo plugin, você só precisa selecionar no menu superior do editor "Plugins" - " Plagin Manager"-" Mostrar Gerenciador de Plagin ".

E na janela que se abre, na primeira aba (do menu superior), marque a caixa do plugin que você precisa e clique no botão "Instalar".

Depois disso, a janela do editor será recarregada e o novo plugin estará disponível na aba de mesmo nome. Em geral, nada é mais fácil.

Quais plugins para o Notepad você pode precisar em seu trabalho

O plugin fornece muitos gadgets adicionais e convenientes. "TextFX", que após a instalação estará disponível no item de mesmo nome no menu superior do editor. Se você ainda não tem esse item, vá para "Plugins" - "Plagin Manager" - "Mostrar Plagin Manager", role a lista para baixo na primeira guia e marque a caixa ao lado de TextFX Character.

Depois de instalá-lo, o editor será reinicializado e um novo item TextFX com muitos subitens suspensos aparecerá no menu. Por exemplo, ativar a opção mostrada na figura pode facilitar muito sua vida ao editar ou escrever código Html:



Nesse caso, assim que você inserir a tag de abertura Html no editor de texto Notepad ++, uma tag de fechamento correspondente aparecerá imediatamente ao lado dela. Em face de uma grande economia de tempo e uma redução significativa na probabilidade de erros devido a uma etiqueta não fechada. Porém, essa coisa me incomoda e eu não uso. Mas isso de forma alguma implora por sua dignidade.

Existem muitos gadgets em "TextFX", então experimente o trabalho deles na prática você mesmo e decida o que exatamente será conveniente e útil para você.

Bem, continuando o tema das abas no editor, vale a pena mencionar a possibilidade comparação de dois documentos... Primeiro, este plugin precisará ser instalado por meio do Plagin Manager:



Para ativar o modo de comparação de documentos no Notepad ++, você só precisa selecionar os itens "Add-ons" - "Comparar" - "Comparar" no menu superior ou pressionar Alt + D no teclado. Como resultado, a guia atualmente ativa será aberta na janela deste bloco de notas, bem como a guia ao lado dela.



Para a conveniência de comparar dois documentos Html ou PHP, o Notepad ++ destacará as diferenças para você. Para alternar para o modo normal de trabalho com documentos, selecione os itens "Add-ons" - "Comparar" - "Limpar resultados" no menu superior ou pressione Ctrl + Alt + D no teclado.

Além disso, dois documentos na janela do Notepad ++ podem ser visualizados tanto vertical quanto horizontalmente. Para selecionar o método mais conveniente para você, clique com o botão direito no local de sua seção e selecione a direção de rotação (direita ou esquerda).

A propósito, se você for como eu, principalmente usando o Notepad ++ para editar Html, ou Arquivos PHP seu site, então você pode achar útil ser capaz de se conectar a ele via FTP diretamente deste editor de texto... Para mim, no entanto, trabalhar de alguma forma com o FileZilla é mais do meu agrado, especialmente porque eles até conseguiram roubar minhas senhas.

Se você deseja tentar trabalhar em FTP através do Bloco de Notas, selecione no menu superior os itens "Plugins" - "NppFTP" - "Mostrar Janela NppFTP", como resultado a janela do cliente FTP será aberta à direita.



Para configurar uma conexão FTP, clique no ícone de engrenagem, selecione "Configuração de perfil" e insira os detalhes de conexão. O trabalho posterior não é muito diferente do que escrevi no artigo sobre o FileZilla, que vive.

1. Se você instalar o plugin Customize Toolbar usando o Plagin Manager, você será capaz de reorganizar, remover ou adicionar novos botões da barra de ferramentas deste programa.
   
   
2. No início do artigo, mencionei o Light Explorer, que adiciona a capacidade de abrir na coluna da esquerda gerenciador de arquivos... No entanto, para o mesmo propósito, você pode usar o Explorer, que você encontrará no gerenciador de plugins.
   
3. Ótimo plugin WebEdit, que permite, por analogia com o editor de Html do Wordpress, enquadrar o texto com as tags mais populares para cabeçalhos, listas, tabelas e outros. Selecione o fragmento desejado e clique em um dos botões da barra de ferramentas do Notepad ++.
   
4. ImgTags - permite com tamanhos horizontais e verticais já prescritos (ele mesmo os calcula, o que é muito legal), preparados com atributos ALT e SRC (você também precisará adicionar o caminho para a pasta com fotos no seu servidor).
   

Verifique a caixa de ortografia no Notepad ++ usando plug-ins

Conectar verificação de gramática russa O Notepad ++ usa o plug-in Shell-Checker (no item de menu Plug-ins), para o qual você precisa baixar o dicionário russo desta página e, quando este plug-in de verificação ortográfica estiver ativado, especifique o caminho em seu computador para o arquivo de dicionário.



Existem nuances de instalação. Primeiro você vai precisar baixar Instalador completo e, em seguida, um arquivo com o dicionário russo aspell-ru-0.50-2-3.exe. Primeiro, instale o instalador completo, no assistente do qual, pessoalmente, não alterei o caminho padrão (c: \\ Arquivos de Programas (x86) \\ Aspell \\).

Em seguida, coloque o pacote de idiomas, onde primeiro você deve inserir a letra "y" na janela do DOS e pressionar Enter no teclado (embora, talvez fosse apenas para mim, já que eu já tinha instalado o GNU Aspell no meu computador antes):



Em seguida, o assistente padrão para instalar o dicionário russo será iniciado, onde novamente eu não alterei o caminho padrão. Tudo.

Agora reinicie o Notepad ++ e selecione os itens mostrados acima no menu ou mantenha pressionada a combinação irreal CTRL + ALT + SHIFT + S no teclado. Na janela que se abre, você precisará inserir o caminho para o diretório BIN da pasta Aspell:



Se você não alterou o caminho ao instalar o GNU Aspell e o dicionário Russo, você precisará inserir aqui:

C: \\ Arquivos de programas (x86) \\ Aspell \\ bin \\

Bem, ou algo parecido, dependendo do seu sistema operacional. É isso, agora selecione o texto no qual deseja verificar a ortografia e pressione CTRL + ALT + SHIFT + S (nas configurações das teclas de atalho, essa combinação pode ser alterada - veja acima). Uma janela aparecerá onde o primeiro erro encontrado será exibido:



Você pode ignorá-lo ou escolher um substituto adequado entre as opções propostas. Na parte inferior, você pode alterar o idioma de verificação se tiver instalado vários módulos de idioma GNU Aspell. Isso é tudo.

DSpellCheck - uma solução muito conveniente à maneira do plugin anterior, porque também usa GNU Aspell e seu dicionário russo, mas já faz a verificação ortográfica em tempo real, como em todos os navegadores modernos. Vá para o gerenciador de plug-ins e instale-o.



Imediatamente, por padrão, a verificação gramatical será ativada (ela é desativada desmarcando a caixa de seleção mostrada na imagem), mas o módulo será conectado apenas com língua Inglesaentão vamos para as configurações do DSpellCheck e fazemos as alterações.



Selecione Aspell na lista suspensa (se ainda não o instalou, role um pouco para cima neste artigo e baixe o módulo junto com o pacote de idioma russo para instalá-los em seu sistema operacional) e, logo abaixo, especifique o caminho para o arquivo aspell-15.dll. Logo abaixo, selecione o idioma do dicionário a ser conectado, caso coloque vários deles, e clique em Aplicar.



Agora, todos os erros encontrados serão sublinhados com uma linha ondulada vermelha (a cor pode ser alterada nas configurações), e quando você move o cursor do mouse, uma seta aparecerá, clicando na qual você pode selecionar a grafia correta da palavra ou adicioná-la ao dicionário ou à lista de ignorados.

Boa sorte para você! Te vejo em breve nas páginas do blog

Você pode estar interessado

Como remover linhas em branco no Notepad ++ Como isolar domínios de uma lista de endereços de URL e remover suas duplicatas usando o Notepad ++ (preparando uma lista para links rejeitados) Como pesquisar o conteúdo dos arquivos no Total Commander
FileZilla - onde fazer o download gratuitamente e como aprender a usar o popular cliente de FTP Filezilla
PhpMyAdmin - o que é, onde você pode fazer o download, como instalar, configurar e usar
Artisteer - um programa para criar e editar templates para Joomla e temas para WordPress
ponto switcher - switcher de layout de teclado gratuito e outros recursos do Punto Switcher

Por definição CSSSão folhas de estilo em cascata e são usadas principalmente para estilizar a aparência de páginas da web. Antes da criação CSS, para definir, por exemplo, um determinado background de uma página em HTML, usamos tags, mas se, por exemplo, o seu site tem 100 páginas, então você precisa alterar o atributo em 100 páginas, deve admitir que é muito inconveniente. Mas quando a lingua veio CSS, pudemos criar um arquivo específico no qual podemos especificar as propriedades de certos elementos, até mesmo 100. Agora, há uma tendência muito positiva na Internet de que o HTML é responsável apenas por fornecer informações, e CSS Para Registro.

1 º lugar. Estilizador

Representante chefe dos editores CSS trabalhando no Windows. Este utilitário simplifica muito o processo de escrever e editar código. Isso é feito em detrimento da clareza, o programa pode ajudá-lo a marcar estilos CSS diretamente no navegador, este método é muito mais conveniente do que usar editores externos. Basta inserir o endereço do site no navegador embutido e no primeiro bloco do programa você pode editar diretamente os estilos.

2 º lugar. Mestre de estilo

O programa é considerado uma das principais ferramentas para construir estruturas CSS. Este editor permite que você edite vários arquivos ao mesmo tempo, pode criar folhas de estilo usando seu código HTML, também editar CSS diretamente e oferece suporte à edição de FTP.

3º lugar. CSS Toolbox

Editor CSS simples, conveniente e gratuito, graças a ele, escrever tabelas CSS é muito simplificado. Contém muitas novas ferramentas para gerar folhas de estilo. Ele também tem uma série de recursos distintos: destaque de código, preenchimento automático de código, substituição de tag, verificação automática de código CSS, compressão Arquivo CSS e muito mais.

4º lugar. CoffeeCup StyleSheet Maker

As peculiaridades deste programa podem ser chamadas de que otimiza estilos para navegadores de internet Explorer, Netscape e vários outros. O programa foi criado pela organização CoffeeCup. Com este programa você pode criar sites simples e elegantes usando um monte de HTML e CSS.

5º lugar. CSSEdit

Enquanto trabalha com este programa, você pode observar visualmente as alterações feitas na folha de estilo à medida que trabalha. Trabalhar com o programa é muito intuitivo e compreensível, com as novas versões, algumas falhas foram corrigidas, novos recursos foram adicionados. O editor de código visual realmente ajuda muito no desenvolvimento de sites.

6º lugar. Jellyfish-CSS

Ao trabalhar com Jellyfish-CSS, é impressionante como é fácil executar um programa. Também possui suporte para várias bibliotecas que possuem diversas funções, por exemplo, ajudar a evitar erros na hora de escrever uma tabela, e muitas outras. A única desvantagem é que o programa é pago, é claro que você pode encontrar facilmente as versões crackeadas e um teste na rede.

7º lugar. Snap CSS

Trabalhar com este editor é semelhante a trabalhar com um bloco de notas. Os desenvolvedores deste programa trabalharam duro para tornar o trabalho com ele simples e direto. O editor possui excelentes recursos de otimização para a legibilidade das folhas de estilo. Este programa torna a vida muito mais fácil para os programadores, economizando energia e tamanho de arquivo.

8º lugar. CSS simples

Uma ferramenta pequena mas poderosa para trabalhar com CSS, ela permite que você programe sem editar uma única linha de código, o que significa que você pode criar uma folha de estilo sem absolutamente nenhuma habilidade de programação. A funcionalidade do programa inclui compactação de um arquivo CSS, suporte para vários tipos de formatos e capacidade de gerenciar vários projetos.

9º lugar. O melhor estilo

Com este programa é possível visualizar a tabela, enquanto você a edita, há suporte para vários navegadores, em que cada tabela é exibida de forma diferente. O programa suporta Unicode, corretor ortográfico online, estilos de agrupamento, edição intuitiva, etc.

10º lugar. tsWebEditor

Este editor é multilingue, suporta várias linguagens como HTML, PHP, Perl, javascript, CSS e muitas outras. Possui as funções de autocompletar, realce de código, validação de sintaxe, suporta dicas funcionais, unicode, existe um grande número de templates de código no arsenal, o que ajuda muito os mestres WEB.

Com certeza, a tecnologia CSS permite que você modifique facilmente aparência todo o site modificando um único arquivo. Os editores CSS simplificam muito o processo de fazer alterações em arquivos CSS. Apresentando 14 desses editores CSS que podem reduzir a carga de trabalho de qualquer designer pela metade.

1. Estilizador

É um navegador que gera programas CSS de forma incrivelmente rápida. O Stylizer permite que você execute layout CSS em tempo real no seu navegador, mantendo tudo sob controle. Este método é muito mais rápido e intuitivo do que usar editores externos como o Notepad ou Dreamweaver.

2. Xylescope

3. Mestre de estilo

4. Editor de CSS rápido

5. Caixa de ferramentas CSS

6. CoffeeCup StyleSheet Maker

7. EngInSite CSS Editor

8. CSSEdit

9. Jellyfish-CSS

10.snap (css)

11. CSS simples

12. TopStyle

13.tsWebEditor

14.cssed