Brackets

Descrição

Com ferramentas visuais focadas e suporte a pré-processador, o Brackets é um editor de texto moderno que facilita o design no navegador. Experimente o Creative Cloud Extract (visualização) para Brackets para obter uma maneira fácil de obter CSS limpo e mínimo diretamente de um PSD sem código gerado.

Obter dicas de código de um PSD

A extensão Extract for Brackets (Preview) permite extrair informações de design de um PSD, incluindo cores, fontes, gradientes e informações de medição como CSS limpo e mínimo por meio de dicas de código contextuais. Você também pode extrair camadas como imagens, usar informações do PSD para definir variáveis ​​de pré-processador e obter facilmente dimensões entre objetos.

Editores em linha

Em vez de pular entre as guias de arquivos, o Brackets permite que você abra uma janela para o código que mais lhe interessa. Quer trabalhar no CSS que se aplica a um ID específico? Coloque o cursor do mouse nesse ID, pressione Command/Ctrl+E e Brackets mostrará todos os seletores CSS com esse ID em uma janela embutida para que você possa trabalhar em seu código lado a lado sem nenhum pop-up.

Visualização ao vivo

Obtenha uma conexão em tempo real com seu navegador. Faça alterações em CSS e HTML e você verá instantaneamente essas alterações na tela. Veja também onde seu seletor CSS está sendo aplicado no navegador simplesmente colocando o cursor sobre ele. É o poder de um editor de código com a conveniência das ferramentas de desenvolvimento no navegador.

Suporte ao pré-processador

Trabalhe com pré-processadores de uma maneira totalmente nova. Sabemos como os pré-processadores são importantes para o seu fluxo de trabalho. É por isso que queremos fazer do Brackets o melhor editor de código para pré-processadores. Com Brackets, você pode usar Quick Edit e Live Highlight com seus arquivos LESS e SCSS, o que tornará o trabalho com eles mais fácil do que nunca.