Redimensionar imagem no servidor com PHP: miniatura leve e original sob controle
Gere miniatura e tamanho médio no upload com PHP e GD, corrija a rotação da câmera, limite o original e sirva cada tela com o arquivo do tamanho dela.
Programação
399 artigos nesta categoria.
Trocar o layout pela largura da tela com media query, não com script de resolução
Troque o script que mede a tela uma vez por media query no CSS, use matchMedia só quando o JavaScript precisa saber, e o layout passa a acompanhar giro, zoom e janela dividida.
Triângulo e seta em CSS que crescem com a fonte e não deixam o botão mudo
Faça a seta do menu em CSS com tamanho em em e cor do texto, escolha entre borda, clip-path e caractere, e garanta que o botão tenha nome e estado para leitor de tela.
QR Code em PHP que a pessoa aponta a câmera sem medo: o que codificar e como gerar
Gere o QR Code uma vez, no seu servidor, com uma URL https curta do seu domínio, mostre o endereço escrito ao lado e planeje o redirecionamento para quando a página mudar.
Formulário de login bonito que funciona no teclado, no leitor de tela e no autofill
Monte um login com rótulo visível, autocomplete certo, botão de mostrar senha com nome, erro em texto perto dos campos e foco visível, sem perder o visual limpo.
CSS mobile-first: escreva a tela estreita primeiro e deixe o desktop só acrescentar
Reescreva o CSS com a regra base para o celular e media queries min-width para telas maiores, com menos sobrescrita, alvos de toque decentes e um teste que pega o que ficou de fora.
IntersectionObserver: threshold, rootMargin e scrollspy
IntersectionObserver na prática: por que a 1ª chamada vem para todos, threshold, rootMargin para scrollspy, root em painel e quando o CSS view() basta.
Site mais rápido: meça uma página antes de aplicar vinte técnicas
Meça uma página com Lighthouse e dados de campo, ache o que atrasa o maior elemento da primeira tela, corrija uma coisa por vez e comprove a melhora com antes e depois.
Dois JOINs na mesma tabela em SQL: apelido, chave certa e o LEFT JOIN que salva linhas
Junte a mesma tabela duas vezes com apelidos, ligue cada papel pela chave certa, use LEFT JOIN no lado opcional e confira a contagem para não perder nem duplicar registros.
Quebra de linha que some no HTML: \n, nl2br, pre-line e o escape na ordem certa
Entenda por que o \n do banco vira uma linha só na página, mostre parágrafos com nl2br ou white-space: pre-line, escape antes de converter e saiba quando o texto deve ser texto puro.
Tipo da coluna no MySQL: data, dinheiro, documento e texto no tipo certo desde o começo
Escolha o tipo de cada coluna no MySQL pelo que ela precisa comparar e calcular, evite data em texto, dinheiro em float e CPF em número, e migre uma coluna errada sem perder dado.
Host da requisição não é o endereço do site: monte links sem abrir brecha
Monte links absolutos, e-mails de redefinição de senha e canonical a partir de uma base configurada, e trate host, caminho e query da requisição como entrada do usuário.