Brackets

Uma das melhores formas de avançar no desenvolvimento web é unificar e criar links entre design e implementação. O Brackets é um editor HTML, CSS e Javascript desenvolvido pela Adobe que se destina a fazer exatamente isso, oferecendo ferramentas para simplificarem o processo de execução da página e melhorar a conversão entre editores gráficos e a sua interpretação numa dada linguagem.

O Brackets é uma ferramenta open-cource com um claro e direto interface que deteta automaticamente o código. Também te ajuda a escrevê-lo, identificando e colorindo os segmentos para uma fácil identificação e organizar todos os elementos do projeto numa área de trabalho, onde podes categorizar tudo numa árvore e onde os ficheiros de código e elementos visuais compõe a página que estás a programar.

Uma das suas funcionalidades mais interessantes é o modo Live Preview, onde podes abrir um projeto no browser e ver as alterações que fazes no código fonte em tempo real. Além do mais, as suas funções podem ser enormemente expandidas com extensões de terceiros. Uma delas, designada por Extract para Brackets, vem pré-integrada no programa e permite que exportes dados no formato PSD, típico dos ficheiros Photoshop, embora isto também requeira que te registes para teres uma conta Adobe.