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.
Blog
552 artigos. As categorias separam os assuntos; cada página mostra 12.
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.
Campo com sugestões em HTML: datalist que ajuda sem virar cadastro bagunçado
Use datalist para sugerir valores sem prender a pessoa, carregue opções do servidor sob demanda e normalize no backend para "São Paulo" e "Sao Paulo" não virarem duas cidades.
Botão de escolher arquivo personalizado que ainda funciona no teclado
Estilize o input de arquivo com ::file-selector-button ou com um label, sem tirá-lo da ordem de tabulação, e mostre o nome, o tipo aceito e o limite antes do envio.
Onde o app Android guarda dados: o que some no cache, no backup e na desinstalação
Escolha entre DataStore, pasta interna, cache, pasta externa do app e MediaStore sabendo quanto cada um dura, e evite que o único exemplar do documento da pessoa suma.
Chave SSH na VM: entre sem senha e sem deixar a chave privada no projeto
Gere um par de chaves por pessoa, instale só a pública na VM, desligue o login por senha com segurança e saiba remover o acesso de quem saiu da equipe.