The Web Developer Toolkit: 10 ferramentas gratuitas que você usará diariamente

A maior parte do dia de um desenvolvedor não é gasto escrevendo algoritmos brilhantes — ele é gasto em tarefas pequenas e repetitivas: formatar um blob de JSON, decodificar um token, escapar de uma string para um URL ou descobrir por que dois arquivos são diferentes. Cada um é minúsculo, mas juntos quebram o fluxo.

Você não precisa de uma assinatura paga ou de um aplicativo de desktop inchado para nada disso. Aqui estão dez ferramentas gratuitas baseadas em navegador que lidam com o atrito diário. Cada um deles é executado no lado do cliente, para que seus dados nunca saiam da sua máquina, o que é importante quando você cola tokens ou configurações.

1. Formatador e validador JSON

As APIs retornam JSON reduzido que é impossível de ler. Cole-o em nosso formatador JSON e obtenha uma saída limpa, recuada e validada instantaneamente, com uma mensagem de erro clara se uma vírgula estiver fora do lugar. A gramática do JSON é mais rígida do que a maioria das pessoas lembra; a referência canônica é json.org, e o formatador impõe exatamente isso.

2. Decodificador JWT

Os JSON Web Tokens parecem algo sem sentido, mas são apenas três partes codificadas em Base64URL. Inspecione o cabeçalho e a carga útil de um token sem sair do navegador usando o decodificador JWT. Se você quiser as especificações, é RFC 7519 — mas na maioria das vezes você só precisa ver as reivindicações.

3 e 4. Codificação/Decodificação Base64

URIs de dados, cabeçalhos de autenticação básica e binário em JSON dependem de Base64. codifique ou decodifique strings e URIs de dados rapidamente. Lembre-se: Base64 é codificação, não criptografia.

5. Testador Regex

Expressões regulares são poderosas e fáceis de serem sutilmente erradas. Crie e teste padrões em textos de amostra com destaque ao vivo no testador de regex. O guia de regex MDN é a melhor referência complementar quando você está preso em uma previsão antecipada.

6 e 7. Codificação/decodificação de URL

Strings de consulta com espaços, E comercial ou Unicode precisam de codificação percentual. Use o codificador de URL e o decodificador de URL para fazer isso corretamente, em vez de adivinhar quais caracteres são seguros.

8. Verificador de diferenças

Duas configurações que "parecem iguais", mas se comportam de maneira diferente? Cole ambos no verificador de diferenças e veja cada linha alterada, caractere por caractere. Mais rápido do que olhar.

9. Embelezador e Minificador HTML

Limpe a marcação minificada para depurá-la com o embelezador de HTML e, em seguida, reduza-a para produção com o minificador de HTML. O mesmo vale para CSS e JavaScript quando você deseja obter ganhos rápidos de tamanho sem uma etapa de construção.

10. Conversor de cores

Os designers entregam HEX, seu código quer RGB ou HSL. Converta entre todos os formatos com o conversor de cores ou vá direto para HEX para RGB.

Bônus: UUIDs e favicons

Precisa de um identificador exclusivo para um registro ou dispositivo de teste? Gere um UUID v4 com o gerador de UUID. Enviando um novo site? Crie todos os tamanhos de ícone necessários de uma só vez com o gerador de favicon.

Por que as ferramentas baseadas em navegador superam os aplicativos instalados

É tentador instalar um utilitário de desktop para cada um deles, mas as ferramentas do navegador são benéficas para o trabalho diário de três maneiras. Primeiro, não há nada para atualizar ou manter — você sempre obtém a versão atual. Em segundo lugar, eles são multiplataforma, portanto o mesmo fluxo de trabalho segue você entre máquinas e sistemas operacionais. Terceiro, e mais importante para qualquer coisa sensível, ferramentas bem construídas são executadas inteiramente no lado do cliente: seu token, sua configuração, seus dados nunca saem da guia. Quando você cola um JWT ou uma resposta de API em uma ferramenta, essa é exatamente a garantia que você deseja.

Uma nota sobre segurança e confiança

Antes de colar dados genuinamente secretos em qualquer ferramenta on-line, confirme se ela processa as coisas no navegador em vez de carregá-las em um servidor — a guia de rede informará você em segundos. Para segredos verdadeiramente confidenciais (chaves de produção, dados do cliente), prefira o tratamento offline de qualquer maneira. As ferramentas acima foram criadas para serem executadas localmente com precisão, para que você não precise pensar duas vezes nas tarefas diárias, mas o hábito de verificar é bom.

Crie seu próprio kit de acesso rápido

O verdadeiro ganho de produtividade não é uma ferramenta isolada — não é quebrar o fluxo sair em busca de uma. Marque os três ou quatro que você mais acessa ou fixe-os em uma pasta do navegador, para que estejam a um clique de distância quando você estiver no meio da tarefa. A maioria dos desenvolvedores descobre que um formatador JSON, uma ferramenta Base64, um verificador de diferenças e um testador de regex cobrem a maior parte das interrupções diárias.

Resultado

Você não precisa de uma assinatura paga ou de uma pilha de aplicativos instalados para lidar com pequenas coisas. Marque os que você mais usa, confie no fato de que eles são executados no navegador para maior comodidade e segurança e recupere em tempo real todas as semanas.