1. Scanner de vulnerabilidade de sites
Website Vulnerability Scanner é um scanner de vulnerabilidade de website desenvolvido pela Pentest-Tools.com. Essa ferramenta precisa ter um link para um site que precisa ser verificado quanto a vulnerabilidades, após o qual um relatório será gerado.
Resultados do Scanner de vulnerabilidade de sites
2. Nibbler
Nibbler é uma ferramenta para análise abrangente de projetos web. O relatório que ele gera inclui avaliações da acessibilidade do conteúdo do site, avaliações de quão positiva pode ser a experiência do usuário ao trabalhar com ele. Nibbler analisa sites para otimização de mecanismo de pesquisa e como eles são projetados e construídos.
Nibbler dá notas altas para dev.to
3. Meta tags
Meta Tags é uma ferramenta online simples que pode ser usada para verificar rapidamente as meta tags de sites.
Validando metatags com metatags
4. Farol do Google
O Google Lighthouse é um sistema automatizado de código aberto para avaliar a qualidade de projetos da web.
Ele exibe classificações relacionadas a vários aspectos do design e funcionamento dos sites. Em particular, pode ser utilizado para avaliar o desempenho, acessibilidade, optimização do motor de busca do site, recebendo, para além dos resultados finais, relatórios detalhados e recomendações para a melhoria do site.
Análise de sites no Google Lighthouse
5. Teste final
Endtest (direi imediatamente que trabalho lá) é uma plataforma de automação de teste inteligente que permite criar testes complexos e executá-los em todos os principais navegadores.
Automatizei o Teste de Login para o site da Comunidade DEV e executei esse teste na nuvem, Chrome, Firefox, Edge, Safari e Internet Explorer 11.
Este site acabou sendo, apesar de usar muitos “melhores Practitioner ”não funciona muito bem no Internet Explorer 11. Aqui está a aparência dos resultados do teste.
Resultados do teste no Chrome
Resultados do teste no Internet Explorer 11
6. Tear
Loom é uma extensão gratuita do Chrome que permite gravar vídeos enquanto captura sua tela e webcam ao mesmo tempo.
Essas gravações podem ser consideradas uma alternativa às videochamadas, quando os interlocutores podem gravar comentários sobre um determinado projeto em um momento conveniente para eles e enviá-los entre si.
Extensão Loom Chrome
7. Pexels
Pexels é um site onde você pode encontrar fotos e vídeos gratuitos para seus projetos. Este é um dos poucos sites onde você nem precisa se registrar para baixar materiais.
Este site sempre me auxilia nas situações em que preciso fazer um protótipo e o departamento de marketing ainda não enviou os materiais oficiais.
Site da Pexels
8. Figma
Figma é uma ferramenta de prototipagem de site adequada para o trabalho em equipe em projetos. Figma não apenas oferece suporte a ferramentas de prototipagem, mas também permite que equipes de desenvolvimento e outros profissionais discutam projetos e seus detalhes individuais.
Figma
9. Funkify
Funkify é uma extensão do Chrome que permite a um desenvolvedor olhar para a web a partir da perspectiva das pessoas com deficiência. Isso ajuda a desenvolver sites que sejam convenientes para todas as categorias de usuários.
Funkify
10. PerfectPixel
PerfectPixel é uma extensão do Chrome que permite colocar uma imagem semitransparente no topo de uma página HTML que representa um layout de página preparado pelo designer. Isso ajuda a fazer uma comparação pixel a pixel do que é criado com o que deveria ser.
Compare página e layout com PerfectPixel
Quais ferramentas para desenvolvedores da web você adicionaria a esta lista?
