Crio jogos, experiências interativas e interfaces web que transformam o código em algo com que podes jogar.

O meu stack, um fragmento de cada vez.

Cada fragmento recuperado no jogo desbloqueia uma competência: os cartões ainda desfocados esperam pelo seu.

HTML, CSS e JavaScript como base. Canvas e Web APIs para tudo o que se mexe.

• Fragmento em falta

  </>

  HTML semântico

  A estrutura vem antes de tudo. Escrevo markup semântico e acessível, porque uma interface tem de funcionar também com um leitor de ecrã, só com o teclado ou com uma ligação lenta.

  • Landmarks e ARIA
  • Formulários acessíveis
  • SEO básico

• Fragmento em falta

  { }

  CSS moderno

  Grid e Flexbox para os layouts, custom properties como design tokens, animações que respeitam prefers-reduced-motion. Gosto quando uma interface parece viva sem se tornar pesada.

  • Grid e Flexbox
  • Design tokens
  • Animações

• Fragmento em falta

  =>

  JavaScript ES6+

  A linguagem com que passo mais tempo. Escrevo JavaScript vanilla e modular: estado, eventos, lógica de jogo. Uso um framework quando o projeto o pede, não por hábito.

  • ES Modules
  • DOM e eventos
  • Lógica de jogo

• Fragmento em falta

  ctx

  Canvas API

  O ponto em que o código se torna jogo: game loop com requestAnimationFrame, colisões, partículas. O minijogo desta página foi construído exatamente assim, sem bibliotecas.

  • Game loop
  • Colisões AABB
  • Partículas

• Fragmento em falta

  fetch()

  Web APIs

  O browser é uma plataforma enorme. Web Audio, Pointer Events, Intersection Observer, Web Storage: exploro-as no Lab e uso-as para tornar as experiências mais ricas sem as sobrecarregar.

  • Web Audio
  • Pointer Events
  • Intersection Observer