A Adobe já tinha anunciado o agora lançado Brackets. Trata-se uma aplicação gratuita e open-source para edição de código voltada, essencialmente, para o Web Design. Depois de algumas versões beta, saiu esta semana a versão 1.0. A aplicação está disponível para Mac OS, Windows e Linux.
As vantagens de usar o Brackets
Para além de ser compatível com os três sistemas operativos mais usados e ser gratuito, trata-se ainda de uma ferramenta poderosa, leve, de uso intuitivo e com atualizações de características e extensões com a frequência de 3 a 4 semanas.
Principais características
Obter código a partir de PSD (Ficheiro de Adobe Photoshop)
A extensão Extract for Brackets (Preview) permite obter o código referente a imagens, formas, cores, tipos de letra, etc. a partir de documentos em PSD. Automaticamente a disposição e o arranjo visual feito em Photoshop fica convertido numa folha CSS pronta para usar na sua página web.
Edição Inline
A ferramenta permite aplicar, por exemplo, determinadas características a uma div em CSS bastando escolher qual a secção dá página em causa, sem ter de alternar entre janelas e sem a necessidade de mais janelas ou pop-ups. Basta clicar em cmd/ctrl + E e escolher qual a secção da página pretendida.
Live Preview
Provavelmente uma das ferramentas mais úteis para quem desenvolve em web design, um vez que com o live preview pode ver as alterações que está a fazer em tempo real na página e no browser que pretender.
Vídeo de apresentação
Algumas extensões interessantes
Deixe o seu Brackets ao seu gosto
Com o Themes for Brackets poderá deixar o Brackets com as cores que mais lhe convém e às quais está mais habituado. Ficam aqui alguns exemplos.
Podes instalar esta extensão manualmente pelo link acima ou então diretamente no Brackets, clicando em Extension Manager, no canto superior direito, e pesquisar pela extensão e clicar em Install.
Usa atalhos
Com o Emmet podes usar atalhos no teu código para te facilitar o desenvolvimento.
Estes são duas extensões muito úteis, mas existem muitas mais, que podes explorar no Extension Manager.
Página Oficial | Download | Extensões











