Blog

Textos práticos sobre os problemas que estas ferramentas resolvem: por que um arquivo está pesado, qual formato escolher, o que cada ajuste faz. Cada post termina com a ferramenta que faz o trabalho, se tivermos uma.

Outubro de 202620

Tempo

Como marcar uma reunião entre fusos horários

Ancore a reunião em um fuso com nome, confira se o horário de verão muda antes da data e escreva o convite de modo que ele não possa ser mal interpretado.

Ler
Desenvolvimento

O que significa o = no fim de um Base64

Os sinais de igual são contabilidade de um último grupo que ficou curto. Quando dá para tirá-los e o que o tamanho da string diz antes de decodificar.

Ler
Imagens

Checklist de favicon: o que colocar no head

Três ou quatro tags link no head cobrem todos os navegadores em uso real. Quais são, o que a ordem faz, quais tags antigas dá para tirar e como conferir uma página publicada.

Ler
Design

Como colocar um gradiente no texto com CSS

Um gradiente não pode ser a cor do texto, então ele é pintado atrás das letras e recortado no formato delas. Três linhas bastam; o trabalho está no que acontece quando o recorte falha.

Ler
Segurança

Como verificar um download que você não esperava

Um checksum que bate diz que o arquivo chegou como foi publicado. Se é o arquivo que você deve abrir depende de onde veio o checksum e de verificações que vêm antes de qualquer hash.

Ler
Desenvolvimento

Os erros de regex que fazem você perder a tarde

Três erros de regex devolvem algo que parece quase certo, e por isso custam horas em vez de minutos. Como reconhecer cada um em um minuto.

Ler
Dia a dia

O que um QR code realmente contém

Um QR code guarda um texto curto e nada mais. O que isso significa para os códigos que morrem e como ler o tamanho e a margem de um.

Ler
PDF

O que faz um PDF ficar enorme

Quase sempre as imagens, às vezes fontes inteiras, de vez em quando cada salvamento desde que o arquivo foi criado. Como distinguir e o que sai sem tocar numa página.

Ler
PDF

Por que um PDF fica diferente quando é impresso

A página que ocupa sua tela sai com margem, reduzida ou de lado. Quatro coisas podem causar isso, e o arquivo diz qual.

Ler
Calculadoras

Ler um rótulo nutricional no outro sistema

Quilojoules ou calorias, por 100 g ou por porção, e uma porção que é dois terços da embalagem: as conversões e onde um rótulo verdadeiro ainda engana.

Ler
Texto

O que é de fato o title case

APA, Chicago e MLA concordam na primeira e na última palavra e discutem as palavras pequenas do meio.

Ler
Texto

Por que o texto colado do Word dá errado

O Word troca caracteres simples por outros parecidos enquanto você digita. Eles parecem certos e falham na primeira vez que algo os compara de forma exata.

Ler
Imagens

O que significa DPI em uma tela (quase nada)

O número de DPI de um arquivo de imagem é um recado para a impressora. O navegador não o lê, então 72 DPI não é uma configuração web. O que define o tamanho na página e quando o número conta.

Ler
Imagens

Por que um logo deve ser um SVG

Um SVG é um conjunto de instruções de desenho e um PNG é uma grade de pixels medida uma única vez. Essa diferença decide como um logo aparece num celular 3x, num e-mail e na aba do navegador.

Ler
Design

Escolher cores para o modo escuro

Um tema escuro é uma segunda paleta, não o negativo da primeira. O que mudar e quais números conferir de novo.

Ler
Design

sRGB vs Display P3: por que suas cores mudam

Um código hex é um conjunto de números, e os números só significam uma cor quando você sabe em qual espaço eles foram medidos.

Ler
Calculadoras

Como dividir a conta de forma justa, com imposto e gorjeta

A aritmética leva um minuto. O que gera discussão é a entrada compartilhada e se a gorjeta é calculada sobre o imposto.

Ler
Calculadoras

O que o CAGR diz e o que ele esconde

Uma taxa anual constante que liga um começo a um fim. Como calcular, por que não é o retorno médio e o que a linha reta deixa de fora.

Ler
Calculadoras

Markup e margem: por que não são a mesma coisa

Markup é o lucro dividido pelo custo; margem é o lucro dividido pelo preço. O mesmo lucro, outra base, outro percentual, e um erro de preço se você confundir os dois.

Ler
Tempo

Como estimar trabalho em horas sem se enganar

Uma estimativa em horas é um palpite sobre tempo focado, não um relógio. Por que ela fica curta, por que folga em cada tarefa dá errado e como uma semana registrada te dá o seu multiplicador.

Ler

Setembro de 202675

Tempo

Como funcionam os anos bissextos de verdade

A cada quatro anos, exceto os séculos, a não ser que o século divida por 400. Por que a regra existe, o que 1582 pulou e os erros que um 29 de fevereiro causa.

Ler
Desenvolvimento

Um fuso horário não é um deslocamento em relação ao UTC

Um deslocamento é um número para um instante. Um fuso horário é o conjunto de regras que produz esse número. Por que a diferença decide o que você deve guardar.

Ler
Desenvolvimento

Colocar um UUID na URL: o que protege e quanto custa

Um identificador aleatório esconde quantos registros você tem e impede que alguém os percorra contando. Ele também deixa toda URL ilegível e impossível de ditar, e não é controle de acesso.

Ler
Desenvolvimento

O que é Base32 e onde você já o usou

Cinco bits por caractere, um alfabeto encolhido, e o motivo pelo qual o seu segredo de dois fatores não se parece em nada com um JWT.

Ler
Desenvolvimento

O Que um Parâmetro UTM Realmente Faz

Uma tag UTM viaja na query string e nada a lê no caminho. Só o script de analytics da página de chegada olha para ela.

Ler
Desenvolvimento

Por que o JSON não tem comentários

Douglas Crockford tirou eles de propósito, e o remendo se dividiu em dois dialetos com a mesma ideia e nomes diferentes.

Ler
Segurança

MD5 vs SHA-256: qual usar e por quê

O MD5 está quebrado no momento em que alguém escolhe a entrada de propósito. O SHA-256 não está. O MD5 ainda pega um download corrompido comum.

Ler
Segurança

Como um gerenciador de senhas gera uma senha

Um byte aleatório da mesma fonte segura que o seu navegador usa para chaves de criptografia, filtrado até cada caractere ficar igualmente provável.

Ler
Texto

Quanto tempo leva para ler isto

Um aviso de tempo de leitura é uma contagem de palavras dividida por uma taxa que ninguém mediu para o seu texto. De onde vem o número e o quanto ele pode errar.

Ler
Texto

Quantas palavras cabem em uma página

Cerca de 500 em espaço simples, cerca de 250 em espaço duplo, e a aritmética por trás das duas cifras, inclusive por que a sua contagem de páginas e a de outra pessoa não vão bater.

Ler
PDF

O que existe de fato dentro de um arquivo PDF

Um PDF é um saco de objetos numerados com um índice no fim. Quando você sabe o que tem no saco, quase tudo o que é estranho no formato deixa de ser.

Ler
PDF

Como converter imagens em PDF sem perder qualidade

A maioria dos conversores decodifica seu JPEG e comprime tudo de novo. Um PDF pode carregar a imagem comprimida intacta e evitar essa segunda passada.

Ler
PDF

Como dividir um PDF em arquivos separados

Dividir são três operações diferentes, e escolher a errada é o motivo pelo qual o arquivo que você recebe não é o que você queria.

Ler
PDF

Como girar um PDF para que ele continue girado

A rotação de um PDF é um número em cada página. Mude o número, salve o arquivo, e a página continua girada para todo mundo que abrir.

Ler
PDF

Como reordenar as páginas de um PDF sem o Acrobat

A ordem das páginas de um PDF é uma lista que o documento guarda, não uma propriedade das páginas. É por isso que reordenar não custa nada.

Ler
PDF

Como juntar arquivos PDF sem enviar para lugar nenhum

Juntar é copiar e renumerar: nada é decodificado, nada é recodificado, e a única pergunta que sobra é para onde vai o seu arquivo.

Ler
PDF

Como excluir páginas de um PDF e excluí-las de verdade

Tirar uma página da lista de páginas não é a mesma coisa que tirá-la do arquivo, e o seu visualizador mostra a mesma coisa nos dois casos.

Ler
PDF

Como converter Word em PDF e o que muda

Toda conversão de Word para PDF é uma troca, e as fontes decidem o que você está trocando.

Ler
Desenvolvimento

YAML vs JSON: qual usar e onde cada um morde

JSON para o que as máquinas trocam entre si, YAML para o que as pessoas editam. O interessante está na indentação, na conversão de tipos e no código de país que vira false.

Ler
Texto

O que é lorem ipsum e por que designers ainda usam

Cícero estropiado que sobreviveu às prensas onde começou, e as tarefas para as quais ele é ruim sem avisar ninguém.

Ler
Tempo

Por que uma contagem regressiva visível ajuda a focar

Um temporizador que você consegue ver é uma decisão que você já tomou. O que isso traz de verdade, quanto tempo marcar e as três coisas que ele não resolve.

Ler
Desenvolvimento

Vale a pena usar imagens em Base64? Quando sim

Embutir economiza uma requisição e custa 33% mais bytes, cache próprio e lazy loading. O limite fica perto de um kilobyte.

Ler
Texto

O que é um slug de URL e como escrever um bom slug

A cauda legível de uma URL: o que entra nela, por que o jeito óbvio de gerá-la quebra e quanto custa mudá-la depois.

Ler
Desenvolvimento

O que há dentro de um JWT e o que ele não prova

Três blocos em base64url, um punhado de claims e uma assinatura que prova bem menos do que quase todo mundo imagina.

Ler
Desenvolvimento

O que é Base64 e quando você realmente precisa

Base64 transforma bytes em 64 caracteres de texto seguros, de três em três, e cobra um terço do tamanho do arquivo pelo privilégio.

Ler
Desenvolvimento

O que é um timestamp Unix e como lê-lo

Um número só, contando segundos desde 1970. Como ler de relance e por que o seu vive caindo em janeiro de 1970.

Ler
Segurança

O que é uma função hash e o que não é

Uma impressão digital de tamanho fixo para qualquer quantidade de dados: serve exatamente para três coisas, e não serve para uma quarta que as pessoas insistem em tentar.

Ler
Imagens

O que são os dados EXIF e o que eles revelam

Cada foto carrega um bloco oculto de ajustes da câmera, marcações de data e hora e, muitas vezes, o ponto exato onde você estava.

Ler
Calculadoras

O que o IMC realmente mede e o que ele não vê

Uma divisão, duas medidas e um número que é lido como um veredito sobre um corpo que ele nunca olhou.

Ler
Design

Qual contraste seu texto precisa para ser legível?

Quatro números cobrem todos os casos, e o que a maioria das pessoas erra é o que conta como "texto grande".

Ler
Desenvolvimento

UUID v4 vs v7: qual usar e em que situação

v7 para chaves de banco de dados, v4 quando a hora de criação não é da conta de ninguém. Os bits por trás dessa regra, e os dois lugares onde o v7 não faz nada.

Ler
Desenvolvimento

O que é codificação de URL e por que seu link quebra

Percent-encoding em termos simples: quais caracteres precisam de escape, quais nunca precisam e os três jeitos de dar errado.

Ler
Texto

Como inverter texto: caracteres, palavras e linhas

Inverter uma string parece uma linha de código. Essa linha solta os acentos das letras, parte os emoji e pode transformar uma bandeira na de outro país.

Ler
Imagens

Como reduzir o tamanho de uma imagem sem perder qualidade

A maioria das imagens que pesam demais pesa por um motivo chato, e resolver isso leva uns trinta segundos.

Ler
Design

px, rem ou em: qual unidade CSS usar e quando

As três resultam no mesmo tipo de comprimento. A diferença está em quem controla o número que multiplica cada uma.

Ler
Imagens

PNG vs JPG vs WebP: qual você deve usar?

Uma regra só resolve noventa por cento dos casos, e vale conhecer as exceções porque errar sai caro.

Ler
Segurança

Senha ou frase secreta: qual é realmente mais segura?

Quatro palavras aleatórias vencem uma senha curta e embaralhada. Quatro palavras que você mesmo escolheu não vencem quase nada.

Ler
Texto

Bloco de notas online sem cadastro: onde fica sua nota

Um bloco de notas sem login não tem onde colocar seu texto a não ser na sua própria máquina. Isso serve para dez minutos e é arriscado para uma semana.

Ler
Calculadoras

De métrico para imperial: as conversões que importam

Seis números exatos cobrem quase toda conversão de métrico para imperial. O problema são as unidades que compartilham o nome e não o tamanho.

Ler
Texto

Caracteres invisíveis: como achar e remover do texto

Um espaço que não é um espaço, um caractere sem largura, uma marca no começo de um arquivo. De onde eles vêm e como tirá-los.

Ler
Imagens

Que tamanho devem ter as imagens de um site?

Larguras em pixels e pesos concretos para cada espaço comum, e por que a resposta retina não é «dobrar tudo».

Ler
Desenvolvimento

Entidades HTML: o que são e quando você precisa

Uma entidade é um caractere escrito em ASCII puro. Você precisa de cinco, e o resto dá para digitar direto no arquivo.

Ler
Calculadoras

Como calcular o IVA: somar e tirar de um preço

Somar o IVA é uma multiplicação. Tirar é onde as pessoas recorrem à aritmética errada e acabam com uma nota errada em todas as linhas.

Ler
Texto

Como ordenar uma lista em ordem alfabética e numérica

Ordenar uma lista leva dez segundos de trabalho e traz um monte de surpresas: maiúsculas no topo, file10 acima de file2, acentos no fim.

Ler
Segurança

Como enviar uma senha com segurança

Nunca envie o segredo e a chave que o abre pelo mesmo caminho. O que isso significa na prática e do que ainda não protege você.

Ler
Texto

Como remover linhas duplicadas de uma lista

Três jeitos de remover duplicatas de uma lista, e o que fazer com aquele par de linhas que parecem idênticas e se recusam a virar uma só.

Ler
Dia a dia

Como ler números romanos sem adivinhar

Some os símbolos da esquerda para a direita, subtraia quando um menor vem primeiro e saiba quais são as seis subtrações realmente válidas.

Ler
Desenvolvimento

Como formatar JSON minificado para conseguir ler

Reindentar uma linha enorme é a parte fácil. A volta pelo parser é onde as coisas mudam sem avisar.

Ler
Dia a dia

Como sortear um ganhador aleatório de uma lista

Cole os nomes, sorteie uma vez e pare por aí. O difícil não é o sorteio: é a lista e as regras em volta dela.

Ler
Imagens

Como recortar uma imagem em uma proporção exata

O retângulo que você precisa está a uma divisão de distância. Aqui estão a fórmula, os deslocamentos de um recorte centralizado e quanto da imagem cada proporção comum custa.

Ler
Tempo

Quantos dias entre duas datas: duas respostas certas

A aritmética é fácil. Decidir se a data final conta é a parte em que todo mundo tropeça.

Ler
Desenvolvimento

Como converter JSON para CSV e o que se perde

Cada chave vira uma coluna e cada objeto vira uma linha. As decisões começam no momento em que algo no seu JSON deixa de ser plano.

Ler
Desenvolvimento

Como converter CSV para JSON (e o que quebra)

As linhas viram objetos e os cabeçalhos viram chaves. O interessante são os zeros à esquerda, a aspa solta e o aninhamento que você não recupera.

Ler
Texto

Como comparar dois textos e ver as diferenças

Cole as duas versões, deixe a ferramenta alinhá-las e aprenda a ler os pontos em que o alinhamento está adivinhando.

Ler
Dia a dia

Como calcular sua idade exata em anos, meses e dias

Três números numa ordem fixa, o passo que quase todo mundo erra e o motivo pelo qual duas calculadoras discordam sobre o mesmo aniversário.

Ler
Calculadoras

Como calcular porcentagens sem se perder

Quatro fórmulas cobrem quase toda pergunta sobre porcentagem que você vai ter. Os erros vêm de escolher a base errada, não da aritmética.

Ler
Calculadoras

Como calcular um desconto de cabeça

Multiplique pelo que sobra, não pelo que sai. A versão mental, mais os dois casos em que a conta óbvia dá a resposta errada.

Ler
Design

Como escolher uma paleta de cores que funcione mesmo

Uma roda de cores te dá cinco códigos hex em dez segundos. Os outros 90% de uma paleta são neutros, estados e contraste.

Ler
Tempo

Como somar horas trabalhadas sem erros

Converta cada turno em minutos, subtraia os intervalos e divida por 60 só no fim. Mais a armadilha decimal que encurta sua semana sem você notar.

Ler
Calculadoras

Quanto dar de gorjeta? País por país

A porcentagem muda a cada fronteira e, em metade do mundo, a pergunta é se a taxa de serviço já está na conta.

Ler
Segurança

Quanto tempo leva para quebrar sua senha?

A resposta honesta é “depende de quem está atacando”, e a distância entre o melhor e o pior caso é de umas dezesseis ordens de grandeza.

Ler
Calculadoras

Como se calcula a parcela do empréstimo (e para onde vai)

Uma única fórmula define a parcela de todo empréstimo com taxa fixa. O interessante é o que acontece com ela depois que sai da sua conta.

Ler
Calculadoras

Como funcionam os juros compostos de verdade

Juros que rendem juros, com números reais, mais a taxa que o banco anuncia e a que você recebe de fato.

Ler
Segurança

Como funcionam os códigos TOTP de 6 dígitos

Seu app de autenticação nunca recebe nada. Ele faz a mesma aritmética que o servidor, e os números acabam coincidindo.

Ler
Design

HEX, RGB e HSL: qual formato de cor usar

Descrevem as mesmas cores. A diferença é que um deles você consegue editar na mão e os outros dois não.

Ler
Texto

Localizar e substituir texto sem quebrar nada

Leia as correspondências antes de confirmar, e o substituir tudo deixa de ser o que custa uma tarde.

Ler
Imagens

Quais tamanhos de favicon você realmente precisa?

Cinco tamanhos cobrem todos os navegadores e celulares em uso real. Os outros quinze arquivos que as colas antigas mandavam gerar são para plataformas que ninguém mais usa.

Ler
Tempo

A técnica Pomodoro funciona mesmo?

A sessão com fim marcado e a parada obrigatória se sustentam. O número 25 não, e as duas regras que fazem dela um método são as que todo mundo abandona.

Ler
Design

Por que seu gradiente CSS fica cinza no meio

De azul para amarelo o gradiente passa por um cinza morto por aritmética, não porque seu navegador está quebrado. Aqui está a aritmética, e as duas correções.

Ler
Design

Como funciona o box-shadow e por que o seu parece falso

Quatro medidas e uma cor, e quase todo mundo entende a terceira errado. O que blur, spread e inset fazem de verdade.

Ler
Design

Como funciona o border-radius no CSS, canto por canto

Cada canto é um quarto de elipse com dois raios. Depois que você entende isso, a forma abreviada e sua estranha regra de redução deixam de ser um mistério.

Ler
Calculadoras

Celsius para Fahrenheit: a fórmula e o atalho

A fórmula exata, um atalho que acerta de cabeça todas as vezes, o aproximado que desvia e as duas conversões que as pessoas ainda erram.

Ler
Texto

camelCase vs snake_case vs kebab-case: qual usar

Três convenções de nomes e uma regra para escolher entre elas: quem decide é o contexto.

Ler
Desenvolvimento

Binário, hexadecimal e decimal: a diferença

A base só decide como uma quantidade é escrita. Qual usar depende de quem vai ler: uma pessoa ou um circuito.

Ler
Design

O que é proporção de aspecto? 16:9, 4:3 e o resto

Uma proporção é uma única divisão: a largura sobre a altura. Como ler a notação, achar a dimensão que falta e por que a conta cai numa fração de pixel.

Ler