# dpw - desenvolvimento para web

> Blog brasileiro sobre front end design. Publica desde 2006 artigos, tutoriais e traduções sobre HTML, CSS, UI, UX, acessibilidade, performance e Design System, sempre em português do Brasil.

URL: https://dpw.dev/

## Posts mais recentes

- [Do kickoff ao primeiro conceito: da estratégia de marca à direção visual](https://dpw.dev/design/estrategia-marca-direcao-visual/): A fase de pré-conceito em branding: pesquisar contexto de marca, expor premissas escondidas dos stakeholders e virar direção compartilhada em base visual.
- [Guia da propriedade CSS pointer-events](https://dpw.dev/css/pointer-events-css/): Como pointer-events decide qual elemento recebe cliques e hover, por que ela é herdada, e o que ela não faz: desabilitar elemento nem impedir seleção de texto.
- [Como escolher a modalidade de IA certa para a intenção do usuário](https://dpw.dev/ui-ux/modalidade-ia-intencao-usuario/): Nem toda capacidade de IA cabe num chat. Como auditar carga física e cognitiva do usuário e escolher a modalidade de entrada e saída certa para cada contexto.
- [Como funciona o elemento HTML geolocation](https://dpw.dev/html/elemento-geolocation-html/): O elemento geolocation pede a localização do usuário via atributos HTML, com menos JavaScript e um tratamento de permissão e erro muito melhor que a API antiga.
- [Como animar border-image em CSS](https://dpw.dev/css/animar-border-image-css/): Como animar border-image com gradientes, custom properties registradas e border-image-slice para criar bordas que se desenham sozinhas no hover.
- [Como usar scroll-driven animations em direções opostas](https://dpw.dev/css/scroll-driven-animations-direcoes-opostas/): Como fazer colunas se moverem em direções opostas durante a rolagem com scroll-driven animations, animation-timeline e a função view() do CSS.
- [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.

## Categorias

- [Acessibilidade](https://dpw.dev/categoria/acessibilidade/): 16 posts
- [CSS](https://dpw.dev/categoria/css/): 125 posts
- [Design](https://dpw.dev/categoria/design/): 42 posts
- [Design System](https://dpw.dev/categoria/design-system/): 1 posts
- [HTML](https://dpw.dev/categoria/html/): 12 posts
- [Indicações](https://dpw.dev/categoria/indicacoes/): 36 posts
- [JavaScript](https://dpw.dev/categoria/javascript/): 24 posts
- [Miscelânea](https://dpw.dev/categoria/miscelanea/): 77 posts
- [React](https://dpw.dev/categoria/react/): 1 posts
- [SEO](https://dpw.dev/categoria/seo/): 14 posts
- [UI/UX](https://dpw.dev/categoria/ui-ux/): 29 posts

---

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