dpw - desenvolvimento para web
Equilibrando itens flex com flex-wrap: balance
Como o flex-wrap: balance distribui itens flex por igual entre as linhas, quatro jeitos de evitar o item órfão sem ele e o novo flex-line-count.
Ler artigoPare de tratar container queries como media queries
Container queries não funcionam como media queries. Veja a diferença, quando usar cada uma e os efeitos colaterais que pegam quem começa a usá-las.
Ler artigoAnimando layouts de CSS Grid com CSS Anchor Positioning
Como fazer as células de um grid animarem até a nova posição quando o espaço muda, sem JavaScript e sem View Transitions, com animações interrompíveis.
Ler artigoDois, três ou nenhum estado: a linha do tempo do debate sobre toggle de dark mode
De uma issue no guia do Chrome à conclusão de que o melhor toggle de dark mode é nenhum: os argumentos de Lea Verou e Bramus, e o que sobra de prático.
Ler artigotext-box-trim: controle do espaço acima e abaixo do texto
Como text-box-trim e text-box-edge removem o espaço fantasma que a fonte cria acima e abaixo do texto, e resolvem centralização e alinhamento com padding igual.
Ler artigoSeu formulário realmente precisa de um dropdown?
O dropdown esconde as opções atrás de um clique e cobra caro por isso. Quando trocar por radio buttons, campo de texto, combobox ou botões, e quando ele se justifica.
Ler artigoComo expor seu design system para LLMs e agentes de IA
LLMs inventam tokens, mudam de valor entre sessões e começam do zero. Veja como estruturar o design system para que os agentes de IA parem de chutar.
Ler artigoRepensando a visualização de dados: uma abordagem de UX para dashboards que geram decisões
Por que dashboards corretos não produzem decisão, e as três perguntas de UX (contexto, público e insight) que decidem 80% do resultado antes do primeiro gráfico.
Ler artigoHover por proximidade com CSS moderno
Como afetar os elementos ao redor daquele sob o cursor em um grid responsivo, calculando coordenadas com sibling-index(), scroll-driven animations e if().
Ler artigoHTML faz isso?!
Popover, dialog, accordion exclusivo, invoker commands, lazy loading: recursos dinâmicos que o HTML resolve hoje sozinho, sem uma linha de JavaScript.
Ler artigo