Guias praticos para utilitarios de navegador
Artigos curtos que explicam os fluxos por tras das ferramentas.
Padroes praticos de Regex
Guia pratica para validar Regex de JavaScript usado em formularios, rotas e busca em logs.
Antes de escrever Regex, liste exemplos que devem combinar e exemplos que devem falhar. Depois revise flags, grupos de captura e escapes para evitar falsos positivos.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Exemplos de agendas Cron
Exemplos e cuidados para criar tarefas por minuto, hora, dia da semana e mes com cron de cinco campos.
Antes de copiar uma expressao Cron, confirme minuto, hora, dia da semana e mes. Depois verifique se o ambiente usa five-field, Quartz ou uma variante com fuso horario.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Meta tags SEO
Guia dos meta tags que importam para snippets de busca, previews sociais, canonical URL e paginas duplicadas.
Antes de gerar meta tags, confirme se title, description, canonical URL e Open Graph URL descrevem a mesma pagina final. Entradas duplicadas reduzem o sinal de busca.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Limitacoes de preview iframe
Explica por que algumas paginas bloqueiam iframe e como interpretar CSP e X-Frame-Options na previsualizacao responsiva.
Antes de usar iframe, verifique se CSP ou X-Frame-Options bloqueiam a pagina. A ferramenta so consegue exibir paginas publicas que o navegador permite carregar.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Texto placeholder para design
Guia para usar texto de preenchimento sem esconder problemas de leiaute, acessibilidade e texto do produto.
Texto de preenchimento ajuda a testar espacos, quebras e estados vazios, mas deve se aproximar do tamanho real. Texto perfeito demais esconde estouros em botoes, tabelas e cards.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de utilitarios no navegador
Fluxo pratico para usar utilidades locais do navegador sem expor conteudo sensivel ou dados de producao.
Ao tratar payloads, tokens ou configuracoes, primeiro remova dados sensiveis, depois formate ou converta, e por fim confira a saida com uma ferramenta relacionada.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Notas de seguranca para Hash
Notas para usar hashes MD5, SHA-1, SHA-256 e SHA-512 sem confundir hash com criptografia.
MD5, SHA-1, SHA-256 e SHA-512 ajudam em verificacao e impressao digital. Eles nao escondem o texto original nem substituem uma estrategia segura para senhas.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de diff de texto para devs
Fluxo para comparar trechos, mudancas de configuracao, logs e revisoes de conteudo com menos ruido.
Antes de comparar codigo, logs ou configuracoes, normalize quebras de linha, recuo e ordenacao quando fizer sentido. Assim o diff mostra melhor o que realmente mudou.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de conversao de dados
Guia para converter JSON, YAML e CSV sem perder estrutura, revisando listas, objetos e saida antes de copiar.
Antes de alternar entre JSON, YAML e CSV, confira como listas, objetos, valores vazios e separadores devem aparecer. Depois da conversao, valide a estrutura antes de copiar.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de formatacao SQL
Fluxo para formatar SQL longo e ler melhor condicoes, joins, subconsultas e diferencas durante a revisao.
Ao formatar SQL, nao altere condicoes, ordem dos joins ou strings. Use o formatter para leitura e depois confira no diff se apenas espacos e quebras mudaram.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Checagem de cor e contraste
Guia para usar HEX, RGB, HSL e relacao de contraste para manter cores de interface legiveis.
Depois de converter cores, confira contraste no fundo, tamanho de texto e estado visual reais. Valores HEX ou RGB isolados nao provam legibilidade.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo seguro de geradores
Criterios para gerar senhas, tokens, UUIDs e ULIDs de desenvolvimento sem exagerar promessas de seguranca.
Senhas, tokens, UUIDs e ULIDs servem bem para testes, fixtures e identificadores temporarios. Nao trate o resultado local como chave de producao ou credencial duradoura.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Utilitarios Web e SEO
Fluxo Web SEO para robots.txt, sitemaps, favicons, analise de URL e previews sociais.
robots.txt, sitemap, canonical URL e previews sociais devem apontar para o mesmo conjunto de paginas finais. Corrija status e entradas duplicadas antes de ajustar titulo ou descricao.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de debug de rede
Guia para isolar problemas de publicacao publica, redirecionamentos e dominio usando status HTTP e registros DNS.
Status HTTP, cadeia de redirecionamento e registros DNS ajudam a separar falhas de deploy, dominio e cache. Consulte apenas URL ou host publico, sem nomes de rede interna.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de utilitarios CSS
Guia para usar formatacao CSS, minificacao, conversao de unidades e clamp em um fluxo real de layout.
Antes de organizar CSS, reduzir arquivo, converter unidades ou calcular clamp, confirme breakpoints, largura do container e limites de fonte. Assim a saida nao quebra a interface real.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de limpeza de texto
Fluxo para ordenar, remover duplicatas, contar, visualizar e normalizar texto antes de usar em codigo ou CMS.
Antes de ordenar, remover duplicatas, contar ou criar slug, preserve a versao original. Depois da limpeza, compare linhas, espacos e caixa para nao perder conteudo importante.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.
Fluxo de simbolos e arte de texto
Guia para criar simbolos, banners ASCII e arte em pontos copiaveis revisando largura e render antes de publicar.
Simbolos e text art mudam conforme fonte, largura e quebra de linha. Escolha o destino antes de montar simbolos curtos, banner ASCII ou arte em pontos.
Mantenha dados sensiveis fora
- Confirme que a amostra representa o problema real.
- Registre navegador, agendador, parser ou ambiente de deploy.
- Se houver aviso, revise com uma ferramenta relacionada antes de copiar.