03 / GUIAS
Guias de ferramentas
Padrões práticos de operação para transformações, trabalho com imagens e fluxos de navegador conscientes da privacidade.
Imagens de código para documentação e slides
Escolha PNG ou SVG, verifique fontes e escala e mantenha o código legível ao compartilhar um trecho.
Imagens de código para documentação e slidesExemplos de CSS clip-path em layouts reais
Use predefinições ou edite de 3 a 32 pontos para avatares, imagens direcionais e cartões inclinados; compare o CSS completo com a declaração clip-path.
Exemplos de CSS clip-path em layouts reaisTransforme código com segurança
Formate primeiro ao revisar código desconhecido; minifique apenas a versão destinada à entrega.
- Preserve a origemGuarde uma cópia original antes de transformar o código-fonte.
- Revise a semânticaTrate a saída do formatador como uma mudança de legibilidade, não como validação semântica.
- Verifique os artefatosUse verificação por hash para comparar artefatos; um hash não consegue descriptografar o material de origem.
Prepare imagens com intenção
Escolha dimensões, corte e formato de saída a partir das restrições do destino, e não por hábito.
- Comece com qualidadeRedimensione uma única vez a partir da fonte de maior qualidade disponível.
- Verifique a transparênciaInspecione a transparência antes de converter recursos SVG ou PNG.
- Exporte explicitamenteBaixe o arquivo gerado antes de fechar a aba; espaços de trabalho locais não guardam uma cópia na nuvem.
Proteja material sensível
A etiqueta de processamento faz parte do contrato da ferramenta e deve ser verificada antes de inserir dados.
- Processe localmenteRuntimes com prioridade local processam a entrada na aba ativa do navegador.
- Descreva, não coleFormulários de feedback aceitam apenas descrições e excluem explicitamente o conteúdo do espaço de trabalho.
- Limpe dispositivos compartilhadosLimpe o espaço de trabalho e os arquivos baixados ao usar um computador compartilhado.
Local vs. nuvem: para onde os arquivos vão
O guia compara caminhos de dados no servidor e no navegador, considera serviços híbridos e mostra como verificar o processamento de uma tarefa antes de confiar a ela um documento sensível.
Leia o guia de arquiteturaDez tarefas de PDF, zero uploads
Una, divida, gire, organize, aplique marca-d'água, comprima, converta e limpe arquivos PDF dentro da aba do navegador — cada tarefa leva direto ao seu espaço de trabalho.
Abra o guia de tarefasVerifique as fotos antes de compartilhá-las
Coordenadas de localização, o serial do dispositivo e o segundo exato em que a foto foi tirada podem viajar dentro do arquivo — este guia mostra como ler essa camada oculta e removê-la localmente antes de compartilhar.
Leia a checklist de compartilhamentoRedimensione imagens para uma especificação
Corte primeiro, redimensione uma vez e converta para o formato que o destino aceita — este guia transforma um orçamento de dimensões ou bytes num fluxo local ordenado.
Leia o guia de preparação de imagensRevise JSON com confiança
Impressão formatada, inspeção em árvore e diffs determinísticos — como ler um payload desconhecido antes de aprová-lo, e os limites exatos dos runtimes locais.
Leia a rotina de revisãoFaça o PDF caber no limite
Os limites de e-mail e portais são implacáveis — este guia mede primeiro, pesa a limpeza de estrutura contra a compressão raster forte e define expectativas honestas por tipo de conteúdo.
Leia o plano para o limite de tamanhoLeia Base64 com fluência
O que é Base64, como calcular seu custo de tamanho, onde Data URLs e e-mail o justificam, por que ele não protege segredos e como depurar strings malformadas.
Leia o guia de codificaçãoEscolha uma notação de cor
HEX, RGB e HSL descrevem cores sRGB; o guia cobre alfa, tons e harmonias HSL, CSS Color 4 e a amostragem de pixels decodificados pelo navegador.
Leia o guia de coresTeste regexes sem travar
Um ciclo de escrever-testar-refatorar com amostras realistas, higiene contra backtracking catastrófico, ancoragem e semântica de flags — executado num worker com timeout, para que padrões descontrolados não congelem a aba.
Leia o fluxo de regexEscolha um formato de imagem de propósito
PNG, JPEG, WebP e AVIF comparados por tipo de conteúdo, transparência, suporte real, custos de recodificação e economia de bytes medida — para que a escolha seja uma decisão, não um hábito.
Leia o guia de formatosEscreva cron sem surpresas
Os cinco campos e seus intervalos, a armadilha do OU entre dia do mês e dia da semana, domingo como 0 ou 7 e os casos de borda do horário de verão — validados contra as próximas dez execuções calculadas antes do deploy.
Leia o guia de cronImprima códigos QR que escaneiam
Tamanho físico por distância de escaneamento, a zona de silêncio de quatro módulos, níveis de correção de erros e sobreposição de logotipo, contraste garantido e escaneamento de prova antes da tiragem.
Leia o guia de impressãoPublique Markdown como HTML limpo
O que o subconjunto suportado converte e o que é achatado, como a sanitização e uma lista de esquemas de link permitidos mantêm a saída segura, o que a ida e volta ao Markdown perde e onde a conversão entra num pipeline de documentação ou blog.
Leia o fluxo de publicaçãoVerifique downloads com checksums
Integridade versus autenticidade, por que MD5 e SHA-1 hoje servem só para integridade, uma verificação de instalador em um minuto e como gerar hash de texto sensível sem enviá-lo.
Leia o guia de checksumsEscolha entre UUID e ULID
v4 aleatório versus v7 ordenado por tempo, o layout base32 ordenável do ULID, o que chaves aleatórias fazem com um índice B-tree, a matemática de colisões e como gerar lotes localmente.
Leia o guia de identificadoresPratique com um exemplo pequeno
Compare entrada, ajustes e resultado antes de processar seus arquivos.
Extrair apenas o anexo necessário
Pratique com um PDF fictício de oito páginas numeradas. A extração cria uma cópia parcial e preserva o original.
Recortar um avatar quadrado sem distorcer
Use uma imagem de teste de 600 × 400. Recortar remove margens; redimensionar altera a escala do conteúdo.
Ler identificadores grandes em uma resposta de API
Use uma resposta fictícia para comparar números, textos e listas. Um identificador grande deve manter todos os dígitos.
Criar uma conversa claramente fictícia
Use nomes e diálogos inventados em um storyboard. A imagem serve como conceito visual, não como prova de uma conversa.
Encaixar uma paisagem em um limite quadrado
Um portal aceita no máximo 300 pixels por lado, mas não exige um recorte quadrado. Preserve a imagem inteira.
Escolher um formato sem perder o fundo desejado
Um logotipo PNG tem bordas transparentes. O destino precisa aceitar o formato e a aparência resultante.
Avaliar a compressão pelo resultado real
Teste separadamente um PDF digitalizado e outro de texto. Os dois podem responder de formas diferentes à compressão.
Inspecionar uma foto antes de publicar
Metadados podem indicar local ou equipamento de captura. Pratique com uma foto de teste que seja sua.
Ler o destino de um QR antes de visitá-lo
Gere um código com https://example.com para praticar. Decodificar não confirma a confiabilidade de um endereço.
Atrasar legendas em meio segundo
Teste primeiro uma legenda simples para confirmar o sinal e a unidade do ajuste. Um valor positivo atrasa as falas.
Atender a limites de pixels e bytes
Um portal permite 300 pixels por lado e 200000 bytes. São duas exigências independentes.
Preparar uma cópia de PDF para envio
Use um documento fictício para conferir páginas, ordem, formato e tamanho. Guarde a origem.
Limpar metadados e verificar a cópia
Use um arquivo de teste com metadados conhecidos e suportados. Limpeza de metadados não oculta conteúdo visível.
Coloque o fluxo em prática.
Comece com um visualizador local determinístico que analisa e valida seu JSON antes de renderizá-lo.