Mapa do Brasil HTML/CSS com link por estado

Estava desenvolvendo um projeto pessoal e na página inicial haviam links para todos os estados brasileiros. Foi quando pensei em adicionar um mapa do Brasil com link em cada estado. Isso torna a navegação mais intuitiva.

Pesquisei na web e encontrei algumas soluções que envolviam flash, mas eu queria algo em HTML. Indo um pouco mais a fundo encontrei um projeto hospedado no Github do jeito que eu queria.

O projeto é Open Source, isso significa que você pode baixar gratuitamente, fazer melhorias e distribuir livremente.

Na imagem abaixo você pode perceber que ao passar o mouse sobre cada estado ele muda de cor, tornando a experiência mais atraente.

Economizou algumas horas de trabalho, e pode fazer o mesmo por você.

Compartilho aqui, para quem estiver procurando como eu estava.

Faça download do mapa do Brasil em HTML e CSS com link por estado.

Enciclopedia de cores online

Se você trabalha com desenvolvimento web, certamente utiliza o css para colorir. O esquema de cores hexadecimal permite usar uma infinidade de cores.

Então você tem um código como #0c6169 e sabe que ele representa uma cor. Mas exatamente qual cor?

Para isso existe uma excelente ferramenta online, o colorhexa. Com ela você pode saber que cor um código representa, converter para RGB, CMIK e vários outros formatos. Terá exemplos de esquemas de cores, utilizando a cor pesquisada. Poderá ver como ficará a aplicação desta cor no texto, em bordas ou no background. Exibe o código css para aplicar a cor nestes elementos. E apresenta um degradê com a variação da cor informada.

Experimente a ferramenta e deixe-a auxiliar seu trabalho, acesse www.colorhexa.com.

Tem uma dica de outra ferramenta similar? Deixe nos comentários.