Guias
Tutoriais práticos para desenvolvedores, profissionais de marketing e tarefas do dia a dia no computador — cada um usa ferramentas gratuitas do devpack que você abre ao lado.
DestaqueComo Comprimir Imagens Sem Perder QualidadeDeixe fotos e prints menores para e-mail, formulários e sites: redimensione primeiro, escolha o formato e a qualidade certos e atinja um limite em KB sem perda visível.Ler o guia
Como Decodificar e Depurar um JWTLeia o header e as claims de um JSON Web Token, descubra por que ele é rejeitado (expirado, audience errada, assinatura inválida) e evite erros de segurança.
Regex para Validação de E-mail, URL e Número de TelefoneExpressões regulares práticas para e-mails, URLs e telefones, por que padrões “perfeitos” não existem e quando usar um parser em vez de regex.
Expressões Cron Explicadas: 15 Agendamentos Reais e as Armadilhas de Fuso HorárioAprenda expressões cron: os cinco campos, 15 agendamentos prontos para copiar, a armadilha do dia do mês x dia da semana e fusos horários no CI.
Como Corrigir Erros de CORSEntenda por que o navegador bloqueia sua requisição, como ler o erro de CORS e os headers certos para Express, Nginx e Vercel, incluindo preflight e cookies.
301 vs 302 vs 307 vs 308: Qual Redirect UsarQuando usar cada redirecionamento HTTP, impacto no SEO e em formulários, como evitar cadeias e loops e regras prontas para Apache, Nginx e Vercel.
Gerar Tipos TypeScript a partir de JSON — do jeito certoTransforme JSON de APIs em interfaces TypeScript, trate campos opcionais, nulos e uniões e valide com JSON Schema para seus tipos refletirem a realidade.
Como Configurar o GA4 com Google Consent Mode v2Instale o Google Analytics 4 com Consent Mode v2 corretamente: consentimento padrão negado, atualização pelo banner de cookies e como verificar se funciona de verdade.
Checklist de Cabeçalhos de Segurança HTTP (com Configurações Prontas)Os cabeçalhos de segurança que todo site deve enviar: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy e Permissions-Policy, com valores seguros e configs.
Como Juntar, Dividir e Comprimir Arquivos PDFCombine PDFs, extraia ou remova páginas, reduza um scan grande para enviar por e-mail, transforme fotos em PDF e assine. Grátis, no navegador, sem upload.
Técnica Pomodoro: Como Fazer Ela Funcionar de VerdadeVeja como funciona a técnica Pomodoro, o que fazer nas pausas, como lidar com interrupções, quando mudar o tempo de 25 minutos e como acompanhar suas sessões.
Como Testar Sua Webcam e Microfone Antes de uma VideochamadaTeste sua câmera e microfone no navegador, resolva erros de “câmera não encontrada” e de permissão no Windows e Mac, e melhore o som e a imagem.
Como Criar uma Senha Forte e Descobrir se Ela VazouO que realmente deixa uma senha forte, por que tamanho vale mais que símbolos, como frases-senha e gerenciadores ajudam e como checar vazamentos com segurança.
Parâmetros UTM Explicados: Rastreie Cada Campanha no GA4O que são parâmetros UTM, como nomear source, medium e campaign para o GA4 agrupar certo, onde não usá-los e como rastrear QR codes e material impresso.
Como Escrever Title Tags e Meta Descriptions que Geram CliquesEscreva title tags e meta descriptions que as pessoas clicam: limites em pixels, uma fórmula simples, evitar duplicados e tags Open Graph.
Como Testar um Notebook Usado Antes de ComprarChecklist de 15 minutos para comprar notebook usado: pixels mortos, teclado e touchpad, saúde da bateria, especificações reais, armazenamento, câmera, microfone e bloqueios de conta.
Como Corrigir SPF, DKIM e DMARCEvite que seus e-mails caiam no spam: verifique os registros SPF, DKIM e DMARC, corrija os erros comuns e migre o DMARC com segurança para o modo de bloqueio.
Como Corrigir Erros de Certificado SSLCorrija o erro “sua conexão não é privada”: descubra se seu certificado expirou, não corresponde ao domínio ou está sem a cadeia, depois renove e evite que o problema volte.
Como Corrigir Páginas Lentas e Core Web VitalsMelhore LCP, INP e CLS com as correções que mais importam: imagens principais mais rápidas, menos JavaScript bloqueante e páginas que não saltam durante o carregamento.
Como Corrigir Problemas de robots.txt e SitemapGaranta que o Google encontre suas páginas: corrija regras do robots.txt que bloqueiam demais, crie um sitemap XML limpo e resolva os erros do Search Console.
Como Corrigir Problemas de Canonical e Conteúdo DuplicadoQuando vários endereços mostram a mesma página, os sinais de busca se dividem. Veja como escolher uma versão com redirecionamentos, tags canonical e links consistentes.
Como Encontrar e Corrigir Links QuebradosEncontre links quebrados no seu site e decida se você deve atualizar, redirecionar ou remover cada um. Também veja como criar uma página 404 que evita a saída dos visitantes.
O que são webfonts e por que usá-las?Webfonts fazem seu site exibir a mesma tipografia em qualquer dispositivo. Veja como funcionam, em que diferem das fontes do sistema e quando valem o download extra.
Como Adicionar Fontes Personalizadas em um SiteAdicione uma fonte personalizada em qualquer site em quatro passos: prepare os arquivos, envie, escreva o CSS @font-face e aplique. Inclui Webflow, WordPress e Tailwind.
WOFF2 vs WOFF vs TTF vs OTFCompare os formatos de fonte para a web. Veja por que o WOFF2 é a escolha certa para quase todo site, quando o WOFF ainda ajuda e por que você não precisa mais de EOT ou SVG.
Licença de Webfonts ExplicadaComprar uma fonte nem sempre significa que você pode usá-la em um site. Veja os principais tipos de licença, o que checar antes de converter e como ficar seguro.
Como Deixar Webfonts Mais RápidasAcelere suas webfonts com WOFF2, subsetting, menos pesos, preload, variable fonts e cache de longo prazo. Inclui o código de cada passo.
Como Corrigir o Layout Shift de FontesEvite o texto pulando ao carregar webfonts. Entenda FOIT e FOUT, escolha o font-display certo e combine a fonte de fallback para reduzir o layout shift.
Como Instalar um Pixel de RastreamentoInstale o pixel da Meta, TikTok ou LinkedIn passo a passo no Webflow, WordPress, Shopify ou Google Tag Manager, e depois configure consentimento, teste e rastreie conversões.
Como usar OKLCH no CSSAprenda a sintaxe oklch(), o que são luminosidade, croma e matiz, e como criar tons, estados de hover e paletas em CSS, com fallbacks para navegadores antigos.
OKLCH vs HSLCompare OKLCH e HSL no CSS. Veja por que a mesma luminosidade no HSL parece muito diferente, quando o OKLCH cria paletas melhores e quando o HSL ainda serve.
Como Agendar Reuniões em Fusos Horários DiferentesEncontre um horário justo para uma reunião internacional. Aprenda a checar a sobreposição, escrever horários com clareza, evitar erros do horário de verão e compartilhar com o time.
Como o horário de verão afeta os fusos horáriosSaiba quando os relógios mudam nos EUA e na Europa, por que a diferença de horário entre cidades varia e como evitar reuniões perdidas e erros de agendamento.
Como compartilhar uma ferramenta com suas configuraçõesEnvie para qualquer pessoa um link do devpack que abre a ferramenta com seus dados já preenchidos. Veja como funciona, o que fica privado e quais ferramentas não são compatíveis.