dpw - desenvolvimento para web
Do kickoff ao primeiro conceito: da estratégia de marca à direção 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.
Ler artigoGuia da propriedade CSS pointer-events
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.
Ler artigoComo escolher a modalidade de IA certa para a intenção do usuário
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.
Ler artigoComo funciona o elemento HTML geolocation
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.
Ler artigoComo animar border-image em CSS
Como animar border-image com gradientes, custom properties registradas e border-image-slice para criar bordas que se desenham sozinhas no hover.
Ler artigoComo usar scroll-driven animations em direções 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.
Ler artigoLayouts 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 artigo