Lista vazia que explica o que houve e qual é o próximo passo
Separe os quatro tipos de vazio (primeiro uso, busca sem resultado, filtro demais e erro), escreva a frase certa para cada um e pare de mostrar tela branca.
Programação
399 artigos nesta categoria.
Trocar o "Tem certeza?" por um desfazer que funciona de verdade
Decida quando usar desfazer e quando confirmar, implemente exclusão reversível com prazo no banco e escreva uma confirmação que nomeia o que será apagado.
Toast que some sozinho: onde colocar o erro para ninguém perder
Use aviso flutuante só para o que é extra, deixe o erro preso ao campo e num resumo, configure aria-live do jeito certo e dê tempo de leitura a quem precisa.
Busca enquanto digita: debounce, AbortController e a resposta fora de ordem
Espere a pausa na digitação, cancele o pedido anterior com AbortController e descarte resposta velha, para a lista sempre bater com o campo sem afogar o servidor.
Tabela larga no celular: rolagem com nome ou ficha por linha, sem espremer
Escolha entre rolagem horizontal acessível e layout de fichas, mantenha cabeçalho ligado a cada valor e teste no telefone se ainda dá para saber de qual coluna é o número.
Alvo de toque pequeno: o botão que o mouse acerta e o polegar erra
Aumente a área de toque sem engordar o ícone, respeite o mínimo de 24 pixels da WCAG 2.2, mire em 44 e ache os alvos pequenos do site com um script no console.
iPhone dá zoom ao tocar no campo: a regra dos 16 pixels e a gambiarra a evitar
Entenda por que o Safari do iPhone amplia a página quando o campo tem letra menor que 16 pixels, corrija no CSS sem bloquear o zoom e encontre os campos culpados com um script.
Um h1 por página e cabeçalhos em ordem: a estrutura que leitor de tela entende
Arrume a hierarquia de cabeçalhos do seu template: um h1 com o assunto da página, seções em h2 e h3 sem pular nível, e o visual resolvido no CSS.
Domínio do cookie: login que some entre www e apex ou vaza para subdomínio
Entenda quando o cookie vale só para o host e quando vale para todo subdomínio, escolha o escopo certo da sessão e use o prefixo __Host- para travar.
Cobertura de 100% sem assert: como saber se o teste verifica alguma coisa
Entenda o que a cobertura mede, ache testes que executam sem afirmar nada e use mutação, manual ou com ferramenta, para medir se a suíte pega bug.
Mock que mente: teste verde, produção vermelha e o teste de contrato que evita
Use dublê para isolar a sua regra e um teste de contrato com resposta real gravada para descobrir quando o fornecedor muda antes do cliente descobrir.
Fixture gigante esconde a regra: monte só o dado que o teste usa
Troque o JSON de cem linhas por um construtor de dados com padrões sensatos e deixe no teste só o campo que decide o resultado.