dpw - desenvolvimento para web
Imperfeição divertida com a função random() do CSS
A função random() do CSS sorteia valores sem JavaScript: letras tortas, cards em leque e animações dessincronizadas, com sintaxe, suporte e limites de uso.
Ler artigoO futuro do CSS: 10 recursos de olho no Interop 2027
Funções nativas, corner-shape, reading-flow, gap decorations e mais: 10 recursos que podem chegar a todos os navegadores com o Interop 2027.
Ler artigoA melhor forma de usar ícones em interfaces web
Ícones como design tokens em CSS: pseudo-elementos, mask e style queries inserem e trocam ícones sem tocar no HTML, com contornos para os bugs do Safari.
Ler artigoCap height: alinhamento vertical de ícones com a unidade cap
Duas técnicas com a unidade cap para centralizar ícones na altura das maiúsculas (cap height), quando usar cada uma e como criar um fallback com @supports.
Ler artigoUm 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 artigo