Skip to main content

Command Palette

Search for a command to run...

10 sites que todo desenvolvedor web deveria pelo menos dar uma olhada

Updated
4 min read
10 sites que todo desenvolvedor web deveria pelo menos dar uma olhada

Se você é um desenvolvedor web, talvez seja obcecado em encontrar um site que possa economizar muito tempo para você.

Aqui estão sites que eu, pessoalmente, uso para economizar - ao menos - 25 horas/semana.

UI verse

É uma biblioteca enorme com centenas de elementos que você pode apenas copiar e colar em seu site. É uma das maiores bibliotecas de UI de código aberto.

Link: https://uiverse.io/checkboxes

Uma captura de tela de uma página da web mostrando vários elementos de design de IU. A seção esquerda apresenta um botão rotulado "Inverno". O centro é um espaço reservado em branco, e a seção direita exibe uma pilha vertical de hexágonos em diferentes tons de laranja e rosa. O cabeçalho inclui opções de navegação como "Tailwind" e "CSS".

Glitch

Este site ajuda você a criar seu próximo projeto web no browser sem a necessidade de configurar e instalar nada, além de possuir um deploy instantâneo.

Link: https://glitch.com/

Ilustração com formas abstratas dentro de uma moldura e texto dizendo "Olá, mundo!" e "Usando este projeto == Vamos lá" em um fundo verde.

Shots.so

Cria lindos planos de fundo projetados para suas imagens. Com mais de 100 modelos pré-construídos e customizáveis, permite que você torne suas imagens 10x melhores.

Link: https://www.shots.so/

Um modelo digital exibindo uma tela de codificação com fundo desfocado, apresentando opções de cores sólidas e gradientes na barra lateral esquerda.

Dev Docs

E se você tivesse uma documentação que tenha documentado quase tudo que você precisa? O DevDocs combina e agrupa diversas documentações de API em uma interface rápida, organizada e pesquisável.

Link: https://devdocs.io/

Captura de tela de uma página de documentação JavaScript mostrando o construtor Array(). Ela inclui uma barra lateral com uma lista de métodos de array e um trecho de código demonstrando a sintaxe para criar arrays usando o construtor Array.

LambdaTest Free Online Tools

Uma coleção de ferramentas, utilitários e bibliotecas online e gratuita que ajuda desenvolvedores, testadores, designers e etc em suas tarefas do dia a dia.

Link: https://www.lambdatest.com/free-online-tools

Captura de tela da página da Web do LambdaTest apresentando várias ferramentas utilitárias na categoria "Utilitários", como "Localizar e substituir string", "Escape HTML" e "Embaralhar letras". A barra lateral mostra categorias como "Organização de código" e "Formato de dados".

Mobbin

A maior biblioteca de design para dispositivos móveis e web do mundo. Economize horas de pesquisa de UI e UX com essa biblioteca que conta com mais de 300.000 telas dos aplicativos mais bem desenhados/projetados do mundo.

Link: https://mobbin.com/

Uma série de capturas de tela de um smartphone exibindo a interface do aplicativo Uber. Vários recursos são mostrados, incluindo uma visualização de mapa, opções de viagem, estimativas de tarifa e locais próximos.

Ping Test

Você pode checar qualquer endereço IP ou nome do host (hostname) de diversas localidades em paralelo.

Link: https://tools.keycdn.com/ping

Uma captura de tela da ferramenta KeyCDN Ping Test mostrando resultados de ping para o nome do host "adarsh-gupta.in" de diferentes locais: Frankfurt, Amsterdã, Londres e Nova York. Cada local exibe contagem de solicitações, mínimo, máximo, tempos médios de ping, desvio padrão e porcentagem de perda de pacotes.

LandingFolio

Precisamos admitir que a maioria dos desenvolvedores não são designers… é por isso que esse site é a melhor escolha para nós, desenvolvedores, encontrarmos inspiração:

Link: https://www.landingfolio.com/

Uma página da web exibindo uma galeria de modelos de site. Ela inclui seções rotuladas como "Five Pathways Financial", "StockPhotoAI" e "Zixflow", cada uma com imagens de pré-visualização e contagens de visualizações. À esquerda, há um menu de navegação para vários tipos de página e, na parte superior, opções para filtragem por dispositivo e cor.

Free for Dev

Uma coleção de aplicativos, sistemas e serviços gratuitos, cobrindo tudo que um desenvolvedor precisa - desde SaaS, até ferramentas de desenvolvimento, APIs e plataformas de nuvem.

Link: https://free-for.dev/#/

Captura de tela do site free-for.dev, que oferece uma lista de serviços de software com níveis gratuitos para desenvolvedores. O texto descreve o propósito do site e convida contribuições por meio de solicitações de pull. Há uma barra lateral à esquerda com links de navegação como "Índice" e "Principais provedores de nuvem".

Tiny Wow

Nós sempre buscamos uma alternativa gratuita e este site é uma mina de ouro. Descubra uma ampla gama de ferramentas e serviços gratuitos.

Link: https://tinywow.com/

Captura de tela da página inicial do site TinyWow mostrando várias ferramentas online para PDFs, imagens, vídeos, escrita de IA e gerenciamento de arquivos. Caixas coloridas destacam ferramentas em destaque, como PDF Creator e Mute Video. Uma barra de pesquisa e uma opção de login são visíveis na parte superior.

Conclusão

Este post é uma tradução autorizada, originalmente publicada no dev.to pelo adarsh.

Muito obrigado por ler. Continue ligado e inscreva-se na newsletter para receber mais conteúdos como esse! 🔥

Escrito com 💙 e 🎯 por Manual do Front.

Lembrete: inscreva-se na Newsletter para receber todos os conteúdos assim que forem publicados! E, melhor que isso, ter acesso a descontos exclusivos nas minhas mentorias!