dpw - desenvolvimento para web
Um SVG, nove pôsteres: CSS Linked Parameters
CSS Linked Parameters passa cores do CSS para um SVG carregado como img ou background. Veja como funciona, o fallback grátis e o que falta no recurso.
Ler artigoFallbacks para a função CSS progress() em todos os navegadores
Como reproduzir a função CSS progress() em navegadores sem suporte: calc() e clamp() para números, tan(atan2()) e @property para valores com unidade.
Ler artigoEquilibrando 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: o 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 artigoVisualização de dados: 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 artigo