O Brackets é um grande editor de código com ferramentas visuais especializadas e suporte a preprocessadores, o Brackets é um editor de textos moderno que facilita a criação de designs no navegador. Experimente o Creative Cloud Extract (preview) para Brackets e conheça uma forma fácil de obter CSS limpo e minimalista direto de um PSD sem escrever uma linha de código.

1º – CanIUse

Essa extensão possibilita que você verifique se a tecnologia utilizada no CSS é compatível com todos os navegadores.

Download

2º – HTML Skeleton

Ajuda a configurar seus arquivos HTML rapidamente, inserindo automaticamente marcações básicas.

Download

3º HTML Wrapper

Facilitando a criações de Lista, Link e muito mais (visite o site plugin para mais detalhes).

Download

 

4º Brackets Icons

Essa é uma extensão super simples que adiciona ícone de arquivos na barra lateral. Os ícones são excelentes pistas visuais que podem facilitar muito a identificação do arquivo.

Download

5º Autoprefixer

Esta extensão usa o Autoprefixer, uma ferramenta que analisa seu CSS e adiciona/remove prefixos de fornecedores, quando apropriado, de acordo com os dados de Can I Use. Isso significa que você pode escrever seu CSS sem ter que se preocupar com quais prefixos de fornecedores você deve incluir. Assim que você salvar seu arquivo, isso será feito para você.

Download

6º JS CSS Minifier

Esta extensão irá remover caracteres desnecessários do CSS e JavaScript. Esse processo é chamado de minificação e poderá ajudar na velocidade do seu site.

Download

7º CSSLint

Essa extensão assinala os erros no CSS para melhorar a qualidade de seu código. Os erros e avisos relatados nessa extensão são baseados na regras da CSS Lint.

Download

8º Emmet

Todos nós conhecemos os Emmet ♥ para aumentar a velocidade de desenvolvimento.

Download

8º Lorem Ipsum Generator

Para facilitar na hora de gerar Lorem Ipsum.

Download

10º Beautify

Esta extensão ajuda a manter seus HTML, CSS e JavaScript mais organizado e formatado.

Download

11º Lorem Pixel

Extensão que pode ser usada para gerar imagens. É simples e gratuito. Permite inserir belas imagens de qualquer tamanho. O Lorem Pixel também oferece uma opção de escala de cinza para usar apenas imagens de espaço reservado em preto e branco.

Download

12º CDN Brackets

Como você já sabe, uma rede de entrega de conteúdo (CDN) salva os recursos do servidor da Web carregando arquivos por meio de servidores em nuvem.

Download