Seletor que não quebra quando o layout muda: data-atributo e closest
Trocar parent().parent().next() por um atributo estável e por closest dentro do componente faz o script sobreviver à próxima mudança de layout.
Programação
399 artigos nesta categoria.
Arrastar e soltar arquivo: uma zona clara e o mesmo caminho do botão
Monte uma zona de soltar arquivos que diz o que aceita, não deixa o navegador abrir o PDF por cima do formulário e usa a mesma validação do botão de escolher arquivo.
Tooltip que aparece no foco, fecha no Esc e não esconde o essencial
Faça a dica flutuante abrir no hover e no foco, fechar no Esc e continuar visível quando o ponteiro vai até ela. E veja o que nunca deve morar só na dica.
pushState e popstate: o botão voltar funcionando depois do AJAX
Troque o conteúdo da página por fetch sem quebrar o voltar: endereço novo a cada assunto, título e foco atualizados, rolagem restaurada e a mesma página ao recarregar.
Vírgula sobrando no fim da lista: use join em vez de cortar o último caractere
Cortar o último caractere para tirar a vírgula quebra acento, falha com lista vazia e esconde o bug. Veja como juntar com separador em PHP, JavaScript e SQL.
PHP 7 que ainda vale: tipos, strict_types e ?? sem quebrar no deploy
Use tipo no parâmetro, strict_types e o operador ?? para falhar cedo, e garanta que desenvolvimento e produção rodam a mesma versão do PHP.
Quer aprender baixo nível? Não comece escrevendo um sistema operacional
Um caminho em quatro etapas, de ponteiros em C ao setor de boot no QEMU com depurador, para aprender como o computador funciona sem travar na tela preta.
Agendamento com Google Agenda: a reserva nasce no seu banco, não no calendário
Modele a reserva com estado no seu banco, impeça conflito com uma restrição no PostgreSQL e sincronize com o Google Agenda por uma fila que tolera falha.
Paleta gerada por ferramenta: como testar o contraste antes de usar no site
Pegue as cinco cores do gerador, monte a matriz de contraste com um script de 20 linhas e transforme a paleta em tokens de texto, fundo e botão que passam na WCAG.
XML de compras públicas rejeitado: a versão do leiaute é parte do arquivo
Guarde o XSD de cada versão do leiaute, escolha a versão pela data de vigência, valide antes de enviar e registre versão, hash e protocolo de cada envio.
Validação só no navegador não protege: repita a regra no servidor Node
Veja como contornar um plugin de validação com um curl, e como montar no Node uma validação que confere tipo, formato e tamanho, recalcula preço e devolve erro por campo.
Acordeão, popover e carrossel sem plugin: o que o HTML e o CSS já fazem
Troque plugins de abrir e fechar por details, popover, dialog e scroll-snap, com teclado e leitor de tela funcionando, e saiba em que ponto o script volta a ser necessário.