# Tag: Boas Práticas

> Posts do dpw marcados com a tag Boas Práticas.

URL: https://dpw.dev/tag/boas-praticas/

## Posts

- [Layouts matemáticos com sibling-index() e sibling-count()](https://dpw.dev/css/sibling-index-sibling-count-css/): 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.
- [Como o Baseline ajuda a usar menos JavaScript](https://dpw.dev/javascript/baseline-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.
- [Como usar e estilizar Dialog](https://dpw.dev/css/usar-estilizar-dialog-html-css/): Como usar e estilizar o elemento dialog: show() e showModal(), invoker commands, acessibilidade, inércia, estilização do ::backdrop, posicionamento e animações.
- [Trabalhando com ::highlight() usando progressive enhancement](https://dpw.dev/css/css-highlight-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.
- [A linha tênue entre estados CSS e eventos JavaScript](https://dpw.dev/css/a-linha-tenue-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.
- [A IA gera CSS, mas você sabe se é bom?](https://dpw.dev/css/ia-gera-css-mas-voce-sabe-se-e-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.
- [Bem-vindo ao dpw 2026!](https://dpw.dev/miscelanea/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.
- [6 maneiras erradas de usar useEffect de React](https://dpw.dev/react/6-maneiras-erradas-useeffect-react/): Evite 6 maneiras erradas de usar useEffect em React. Aprenda alternativas melhores e otimize seus componentes para melhor performance e legibilidade. Corrija!
- [CSS Shorthands: Dica de Ouro](https://dpw.dev/css/css-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!
- [3 dicas para nomear variáveis: como dar nome a variáveis like a pro](https://dpw.dev/miscelanea/como-nomear-variaveis/): 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!
- [10 dicas para manter a Especificidade CSS baixa](https://dpw.dev/css/especificidade-css-baixa-dicas/): 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!
- [Tira-dúvidas sobre BEM](https://dpw.dev/css/bem-tira-duvidas/): 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.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml