11 principais editores de CSS - avaliados
1. estilizador
Compatibilidade: janelasRecurso notável: Grade De Código, Apertos De Tamanho, Bullseye, Dois Clique, Colorir
O Stylizer é um editor CSS absolutamente único que se concentra em edição de CSS em tempo real. Você pode simplesmente inserir um endereço da Web em seu navegador interno que suporte a definição de estilo do Firefox 3.5 e do IE7, e ele teria todas as regras CSS relacionadas carregadas para você editar com sua interface familiar de apontar e clicar.
O editor vem com um Grade de Código recurso que torna sua edição CSS mais conveniente, pois você pode ver o resultado imediatamente depois de alterar um valor. Também com o seu diagnóstico Alvo recurso, você pode visualizar elementos associados em determinada parte do site e editá-lo com pontos e cliques. Outras características como Tamanho apertos permite que você ajuste visualmente a posição de um elemento CSS, e com Dois cliques para colorir característica você é concedido um selecionador de cores do Photoshop-como escolher qualquer cor para, digamos, a fonte do seu site. Ah, eu mencionei que todas essas edições são feitas em tempo real, resultado imediatamente visível?
Com Estilizador é simplesmente impossível cometer um erro de CSS, pois restringiria você a colocar qualquer valor que não fosse compatível com a propriedade CSS correspondente. No entanto, o software falharia ao carregar determinado arquivo CSS às vezes, devido ao seu erro crítico inexplicável.
Estilizador vem com versão básica e final. Enquanto a versão básica é totalmente gratuita, a versão Ultimate está disponível para você por 14 dias após a instalação, então oferece US $ 85 para você continuar usando seus recursos avançados, como o Bullseye..
2. TopStyle
Compatibilidade: janelasRecurso notável: Inspetor de estilo, estilo Sweeper, CSS Tidy
O editor CSS TopStyle começa a surpreendê-lo pela sua primeira configuração, quando você pode escolher uma definição de estilo que mostre apenas propriedades e valores suportados pelo Firefox, Internet Explorer, Safari ou mesmo iPhone OS 2.0, que é praticamente útil para multiplataforma web designer.
Entre todos os recursos que encontrei Inspetor de Estilo é especialmente útil, pois funciona como um painel para permitir que você inclua qualquer propriedade CSS com uma interface simples de apontar e clicar. Quando você terminar de escolher todas as propriedades CSS desejadas, o código-fonte será gerado automaticamente para você economizar seu tempo de codificação repetitiva e cansativa..
Um outro material bom sobre O melhor estilo Ele mostra a compatibilidade do navegador sob o seu inspetor de estilo, que você pode ver que a propriedade CSS é totalmente suportada por uma determinada versão do navegador da Web, como o Internet Explorer 7, ou é terrivelmente bugs.
O editor vem como uma versão de teste com recursos limitados, e você pode desbloquear todo o seu potencial em US $ 79,95.
3. mestre de estilo
Compatibilidade: Windows, Mac OS XRecurso notável: Modelo de folha de estilo
Reivindicou-se como um mestre, mestre de estilo fez muito bem criar um ambiente de edição de CSS para qualquer nível de especialização. O software não apenas fornece o editor WYSIWYG que suaviza o fluxo de trabalho para iniciantes em CSS, mas também concede a você acesso às informações muito detalhadas sobre cada propriedade CSS para o especialista consultar. Você pode navegar e escolher propriedades CSS por categoria ou por ordem alfabética.
Talvez o ponto mais exclusivo seja o próprio editor conter quase 20 modelos de folhas de estilos úteis para você começar, e não é surpreendente que um mestre de estilo tenha regras CSS muito limpas, bem organizadas e profissionais definidas em seu modelo interno..
Você pode aproveitar o software completo por 30 dias e pagar US $ 59,99 ou US $ 29,99 pela licença educacional para abrir todo o seu potencial novamente.
4. Âmbito Xyle
Compatibilidade: MacRecurso notável: Modo de Seleção, Grupo Inteligente, Integração do Editor de Texto
O Xyle Scope é um deve ter editor CSS gratuito para Mac, como é um editor de CSS verdadeiramente profissional que permite que você navegue pelo site enquanto ajusta seu CSS diretamente dentro do editor.
O navegador de Xyle vem com modo de navegador normal e modo de seleção que funciona bem parecido com o plugin do Firefox, Firebug que fornece a visualização e edição da fonte CSS, exceto que o editor permite que você salve valores CSS modificados em sua localização original.
Usando o 'Grupo Inteligente'recurso, você é capaz de filtrar todas as regras que influenciam a maneira como os links são mostrados ou os responsáveis pelo layout, você pode até restringir o resultado com sua função de pesquisa integrada, sem mais método de tentativa e erro!
Âmbito Xyle também oferece integração com editores de texto externos como o BBEdit para trabalhos de codificação mais convenientes e que economizam energia, basta fazer uma mudança e o editor de texto ou o Xyle Scope atualizará todas as alterações automaticamente para você.
5. CSS Rápido
Compatibilidade: janelasRecurso notável: Marcador de Sintaxe, Conclusão de Código, Formatação de CSS
Rapid CSS é o caminho para uma edição de CSS mais confortável, conveniente e complexa. Ele tem seu próprio editor de texto totalmente personalizável com recursos úteis, como realce de sintaxe, conclusão de código e referência CSS integrada para uma experiência de codificação sem problemas.
Preocupado com a limpeza do seu CSS, você pode formatar sua folha de estilos CSS, como reorganizá-los por tipo CSS ou criar propriedades abreviadas para tornar a folha de estilo mais confortável e agradável. O validador de código integrado também garante que sua folha de estilo não seja apenas limpa, mas válida.
O editor vem com 30 dias de período de avaliação com 30 usos, você pode ir para a versão completa por US $ 29,85.
6. Estúdio de Estilos
Compatibilidade: janelasRecurso notável: Assistente de CSS, IntelliStyle
A principal beleza do Style Studio está dentro do seu recurso CSS Wizard, que funciona para fornecer a você um efeito CSS imediato com poucos pontos e cliques.
Por exemplo, você pode selecionar um assistente de fontes, escolher uma família de fontes e definir um tamanho de fonte para elas, depois o estilo da fonte, o peso, a variante… e o boom! As regras são inseridas na folha de estilos como um código CSS totalmente validado.
O recurso de assistente também inclui cor, borda, texto, posicionamento, classificação e, finalmente, regras de filtragem, quase tudo que você pode pensar em CSS. Esses assistentes são bastante úteis, já que você não precisa digitar repetidamente para obter determinado efeito CSS complicado. Outro recurso nobre é o IntelliStyle, que funciona como o preenchimento de código para você escolher certas propriedades CSS para o propósito do seu projeto..
A desvantagem deste editor seria o suporte a definições de estilo do seu navegador desatualizado, já que ele suporta apenas o IE6 e, bem, nenhum Firefox.
Você tem 30 dias para aproveitar o software e US $ 49,99 para comprá-lo.
7. CSSEdit
Compatibilidade: MacRecurso notável: Inspetor de Raios-X, Visual Editor, Selector Builder
Crie sites bonitos, inovadores e de carregamento rápido com um aplicativo bonito, inovador e rápido, que é CSSEdit by MacRabbit. De recursos como o Selector Builder até o ambiente de origem inteligente, o CSSEdit foi projetado para qualquer nível de especialização.
Com o editor altamente polido como esse, espera-se que as alterações na sua folha de estilos CSS sejam exibidas em tempo real, sem uma ação cansada de atualização de upload. O X-ray inspector também é criado como um recurso para diagnosticar o código CSS de uma parte específica do site.
A parte inovadora do CSSEdit é provavelmente o seu Construtor de Seletores que permite que você descreva seu estilo CSS com linguagem simples, pouco interesse por um especialista, mas útil para iniciantes absolutos.
A versão de demonstração restringe você a salvar arquivos com menos de 2500 caracteres, enquanto você pode pagar US $ 39,95 para acabar com todas as restrições.
8. Editor CSS do EngInSite
Compatibilidade: janelasRecurso notável: Ferramenta de medição no modo de visualização
Se você é um designer sério que se preocupa com a especificação correta do CSS, o posicionamento correto do CSS ou sua folha de estilo CSS deve ser totalmente validada, então o editor EngInSite CSS pode ser o seu editor favorito.
Nesse editor, você pode adicionar o seletor de classe, ID e elemento com a ajuda de seu inspetor integrado, além de poder converter a cor em valor hexadecimal ou RGB, o que é um recurso muito raro para um editor de CSS. Você pode observar seu resultado no painel de visualização com ferramentas de medição para garantir que todos os elementos de design estejam na posição correta.
O editor também vem com a conclusão de código, mas é um pouco bugs, então eu diria que é semi-código completo. Caso contrário, é bom usar todo o editor, exceto pelo fato de o editor estar bastante desatualizado em termos de suporte à defnição de estilo do navegador, já que ele suporta apenas até a definição de estilo do IE6..
9. Criador de Folha de Estilo
Compatibilidade: janelasRecurso notável: Tags CSS
O Stylesheet Maker é outro editor CSS padrão que oferece uma superfície de codificação limpa com o painel explorador de arquivos e algumas ferramentas CSS úteis para ajudar a configurar fontes, cores, margens, bordas, etc..
Em comparação com vários editores CSS como CSS rápido ou Estúdio de Estilo, Criador tem menos recursos ainda interface muito limpa, e isso é bom para certos iniciantes que não querem complicar as coisas, ou CSS ninja que quer tudo o mínimo e confortável.
Embora este editor tenha sido projetado para usuários intermediários, seu recurso de Tags CSS pode ajudá-lo a simplesmente criar uma regra de CSS com tags por cliques.
Custa US $ 34 para ser dono deste editor, ou você pode comprá-lo com outro software CoffeeCup como um pacote de compra.
10. Arduo CSS
Compatibilidade: janelasRecurso notável: Node, CSSTidy
Arduo CSS é um editor CSS recém-nascido que visa agradar-lhe com a sua interface intuitiva e fácil de usar. Com sua interface limpa e realce de sintaxe, você tem a garantia de criar e editar um arquivo CSS sem muitos problemas e interrupções. Além disso, você pode usar seu recurso 'Node' para definir regras CSS por pontos e cliques.
Para aqueles que acham que sua folha de estilo é muito pesada, a ferramenta CSSTidy do editor pode ajudá-lo a otimizar a folha de estilo e apagar todo o código desnecessário.
O editor está disponível gratuitamente em seu site oficial.
11. CSS simples
Compatibilidade: Windows, Mac OS XRecurso notável: Importação de arquivo CSS, interface Point-and-click, banco de dados de fontes adicionais
Assim como o nome, Simple CSS tem tudo que um designer precisa para uma simples edição de CSS. Você pode importar um arquivo CSS para o editor e modificá-lo com poucos cliques, verificar o resultado no painel de visualização e retirar o código-fonte imediatamente.
Embora você possa importar quase todos os arquivos CSS para o editor, só é possível visualizar uma regra de CSS de uma só vez com um clique, e às vezes sua importação causaria erros devido a sua limitação, como nenhum suporte a @rules. Além disso, o próprio editor não é tão flexível como você pode selecionar apenas 'Auto' ou 'Herdar' para a propriedade z-index, mas não dar diretamente à propriedade um valor.
No entanto, é grátis e muito prático para o designer que precisa de uma solução rápida.
Bônus: mais editores e ferramentas
Enquanto eles não são exatamente editores CSS, estas ferramentas a seguir são algo que você pode querer ter quando se trata de editar CSS.
Firebug
A mais popular e poderosa ferramenta de desenvolvimento web que inspeciona HTML, modifica o estilo CSS e vê as mudanças em tempo real, disponível como um plugin para o navegador Firefox.
Uso de CSS
Uma extensão para o Firebug que permite que você varra várias páginas do seu site para ver quais regras de CSS são realmente usadas em seu site.
Desenvolvedor Web
Uma extensão do Firefox para você fazer um monte de coisas legais, como visualizar fontes CSS ou desativar determinadas folhas de estilo CSS para uso de design ou desenvolvimento.
Bloco de anotações++
Um editor de código fonte gratuito e um substituto do Bloco de notas que suporta vários idiomas, incluindo CSS. Contém recursos como Conclusão de Função para ajudar a criar seu design de CSS.
Coda
Um editor de texto avançado com editor CSS integrado que fornece dois modos de edição de CSS para uma experiência de design mais flexível, capaz de ver o resultado instantaneamente após as alterações feitas.
NetBeans IDE
Um ambiente de desenvolvimento integrado de código aberto e profissional com a referência CSS mais completa em seu recurso de conclusão de código.
Estúdio Aptana
Um ambiente de desenvolvimento web completo que combina poderosas ferramentas de autoria para HTML, CSS e JavaScript, atualmente suporta até HTML5 e CSS3.
WebStorm
O IDE do JetBrain que implementa a auto-suficiência relevante para tudo, incluindo CSS, você também pode ser notificado sobre problemas de CSS em tempo real.
