Como extrair e salvar o favicon de uma página ou site

Favicon é aquele ícone pequeno 16x16 píxels que aparece nas abas do navegador quando você abre uma página da internet. Eles ajudam a identificar a página em meio a várias abas.

Não sei por qual motivo você possa querer salvar ou extrair o favicon de uma página, mas se precisar pode contar com o Google. Sempre ele.

Para exibir no seu navegador o favicon de uma página digite no navegador:

http://www.google.com/s2/favicons?domain_url=[endereço_da_página_aqui]

Substitua [endereço_da_página_aqui] pela url da página que deseja ver o favicon, ele será mostrado numa página em branco com o ícone no canto esquerdo superior.

Depois que ele for mostrado, basta clicar com o botão esquerdo do mouse e escolher "salvar imagem como".

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.