Contraste de cor no CSS: como calcular se o seu texto passa de 4,5:1
Calcule a razão de contraste entre texto e fundo, saiba qual número cada elemento precisa atingir e organize as cores em variáveis que o tema escuro consegue trocar.
Blog
552 artigos. As categorias separam os assuntos; cada página mostra 12.
Vídeo HTML5 com controles, legenda e busca que funciona
Player de vídeo HTML5 acessível: mantenha controls, some botões extras, legenda em WebVTT e servidor com Range para a busca funcionar. Testado no Chrome.
Descompactar ZIP em PHP sem zip slip e sem bomba de descompressão
Extraia um ZIP enviado pelo usuário conferindo cada nome, limitando quantidade e bytes de verdade e gravando em quarentena com nome gerado por você.
Encurtador de URL próprio em PHP que não vira ferramenta de golpe
Construa um encurtador com código aleatório, validação de destino, redirecionamento 302 e regras de quem cria, para o seu domínio não assinar phishing.
Slideshow acessível em JavaScript puro: a pessoa controla o tempo
Monte um carrossel sem jQuery com botões de verdade, posição anunciada, pausa no foco e no mouse, respeito a menos movimento e sem slide escondido no Tab.
Medidor de força de senha que mede o que importa: tamanho e senha comum
Construa um medidor que valoriza comprimento, recusa senhas famosas e o próprio e-mail, dá dicas úteis e é repetido no servidor, onde a regra vale de verdade.
Barra de progresso de upload com XMLHttpRequest que não mente no 100%
Mostre a porcentagem real do envio, troque para um estado de processamento quando os bytes acabam, trate falha e cancelamento e evite arquivo duplicado no reenvio.
MIME type: a extensão não diz o que tem dentro, nem na entrada nem na saída
Descubra o tipo real pelo conteúdo com finfo, gere a extensão a partir dele e configure o servidor para entregar o arquivo com o tipo certo, nosniff e download forçado.
Atualizar parte da página com fetch sem deixar leitor de tela e voltar perdidos
Troque só a região que mudou com fetch, anuncie o resultado, cancele requisições velhas, cuide do foco e dê um endereço ao novo estado da lista.
Acentos que aparecem certo na tela e quebram só quando vêm do MySQL
Descubra pelo HEX se o problema é a conexão ou o dado gravado, acerte utf8mb4 na tabela e na conexão e corrija as linhas antigas sem estragar as boas.
CSS de impressão: a página que sai no papel sem menu, anúncio e fundo preto
Monte uma folha de estilo de impressão que esconde o que é só de tela, mantém o texto legível e mostra o endereço dos links. E saiba quando o certo é gerar PDF.
Rolagem automática no chat sem arrastar quem subiu para ler o histórico
Faça o chat ou o log acompanhar a mensagem nova só quando a pessoa já está no fim, com aviso de "novas mensagens" e sem roubar o foco de quem digita.