Estas ferramentas são mais voltadas para desenvolvedores front-end
Extensões de navegadores
Ferramenta que ajuda a pegar a cor em um pixel em uma página web
Editor de código
Editor de código simplificado com suporte para operações de desenvolvimento como depuração, execução de tarefas e controle de versão . Ele tem como objetivo fornecer apenas as ferramentas de que um desenvolvedor precisa para um ciclo rápido de depuração de construção de código e deixa fluxos de trabalho mais complexos para IDEs com recursos mais completos, como o IDE do Visual Studio.
Editor de código-fonte multi-plataforma
Ferramentas
Framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo
jQuery é uma biblioteca de funções JavaScript que interage com o HTML, desenvolvida para simplificar os scripts interpretados no navegador do cliente. Usada por cerca de 74.4% dos 10 mil sites mais visitados do mundo, jQuery é a mais popular das bibliotecas JavaScript.
Sass é uma linguagem de folhas de estilo.
Softwares livres
Este é um excelente programa para criação, manipulação e edição de Imagens. Tem a maiorias dos recursos do Photoshop. Funciona tanto para Windows, Linux e Mac
Excelente programa para criação de imagens vetoriais. Lembra muito o Coreldraw. Permite exportar para vários tipos de arquivos. Inclusive SVG. Para Windows, Linux e Mac
Gerenciador de Conteúdo
Framework/Gerenciador de conteúdo para criação de portais e sites
Gerenciador de conteúdo utilizado para criar sites simples e blog de uma forma fácil