Boas Práticas
12 posts
Layouts matemáticos com sibling-index() e sibling-count()
As funções sibling-index() e sibling-count() levam a contagem de elementos para o CSS: animações escalonadas, larguras e menus radiais sem JavaScript.
Ler artigoComo o Baseline ajuda a usar menos JavaScript
Guia prático para auditar as dependências do package.json e descobrir o que a plataforma web já resolve nativamente, usando o Baseline como bússola.
Ler artigoComo usar e estilizar Dialog
Como usar e estilizar o elemento dialog: show() e showModal(), invoker commands, acessibilidade, inércia, estilização do ::backdrop, posicionamento e animações.
Ler artigoTrabalhando com ::highlight() usando progressive enhancement
Como o pseudo-elemento ::highlight() e a CSS Custom Highlight API destacam trechos de texto, com fallback para quando o JavaScript não está disponível.
Ler artigoA linha tênue entre estados CSS e eventos JavaScript
Pseudo-classes como :hover, :focus e :checked funcionam quase como listeners de eventos JS. Veja os paralelos com CSS e o futuro event-trigger.
Ler artigoA IA gera CSS, mas você sabe se é bom?
A IA escreve CSS em segundos, mas gera código desorganizado e insustentável. Descubra por que arquitetura CSS é a habilidade que separa quem usa IA com critério de quem apenas aceita o que ela cospe.
Ler artigoBem-vindo ao dpw 2026!
O blog foi reconstruído do zero com Astro 5, MDX, SCSS com ITCSS e mais. Conheça a stack, as decisões técnicas e o que mudou nesta nova versão.
Ler artigo6 maneiras erradas de usar useEffect de React
Evite 6 maneiras erradas de usar useEffect em React. Aprenda alternativas melhores e otimize seus componentes para melhor performance e legibilidade. Corrija!
Ler artigoCSS Shorthands: Dica de Ouro
Cuidado com CSS shorthands! Descubra o perigo oculto das propriedades abreviadas e como usá-las corretamente sem prejudicar código. Dica de ouro!
Ler artigo3 dicas para nomear variáveis: como dar nome a variáveis like a pro
Domine a arte de nomear variáveis em código com 3 dicas essenciais: nomes descritivos claros, priorizar leitura e usar padrões consistentes. Nomeie bem!
Ler artigo10 dicas para manter a Especificidade CSS baixa
10 dicas práticas para manter especificidade CSS baixa. Evite guerra de seletores e facilite manutenção com boas práticas de arquitetura CSS. Aprenda!
Ler artigoTira-dúvidas sobre BEM
Esclareça suas dúvidas sobre a metodologia CSS BEM. Live completa com explicações práticas, benefícios e aplicação da convenção mais popular do mundo.
Ler artigo