Brackets

Um dos caminhos possíveis no desenvolvimento web moderno é unificar e criar conexões entre design e implementação. Brackets é um editor de códigos para HTML, CCS e JavaScript desenvolvido pela Adobe, e ele tenta tomar este caminho. Ele oferece diferentes ferramentas para tornar o processo de criação na web mais fácil e melhorar a conversão do editor gráfico até a sua interpretação na linguagem utilizada.

É um aplicativo open source que possui uma interface limpa. Ele pode detectar códigos automaticamente para te ajudar com a escrita, endentação e coloração para identificar segmentos. Você pode organizar todos os elementos no seu projeto em uma árvore de categorias, onde os códigos e os gráficos estão integrados.

Um dos recursos mais interessantes é que ele possui modo dinâmico de pré-visualização, no o qual você pode abrir o seu projeto em um navegador e ver cada modificação que você faz no código fonte em tempo real. Suas funcionalidades também podem ser expandidas utilizando extensões de terceiros. Uma delas, chamada Extract for Brackets, já vem integrada ao app, e permite que você exporte as informações de formatação para um arquivo PSD para Photoshop, mesmo que você precise criar uma conta no Adobe para isto.