Sites úteis para desenvolvedores web

Publicado em: 19-04-2018
Vou deixar aqui uma pequena lista dos sites que sempre utilizo durante o desenvolvimento dos meus projetos.

Melhor site de ícones em SVG.
Font awesome

Mostra os recursos css que cada navegador suporta e previne que você utilize algo que a maioria dos navegadores não suporta.
Can I use

Uma maneira visual de entender a especificidade do CSS. Ajuda a evitar o uso do !important.
Especificidade do css

Repositório para informações e documentação do WordPress.
Codex

Saber a proporção correta de um bloco, imagem ou vídeo.
Calculadora de proporção

Comprimir imagens e evitar que seu projeto fique pesado.
Tiny PNG
Tiny JPG
Compress PNG E JPG
Aproveite e passe para aquele cliente que adora encher o site de imagens em 4k.

Gerador de imagens para desenvolvimento inicial do site e testes.
Evite apresentar o site ao cliente com imagens testes, utilize sempre imagens reais.
Dunny image
Placeholder

Sempre precisamos de um texto aleatório para testes.
lorem ipsum
Force ipsum
Fillerama ipsum
Cupcake ipsum
Bacon ipsum

Gerador de fontes.
Transfonter
Fonts Squirrel

Identar códigos bagunçados e mal estruturados.
Clean css

Identar código minificados.
Desminificar css, js e html

Se algum destes sites estiver offline, por favor me avise para que eu encontre outra alternativa.