Creo giochi, esperienze interattive e interfacce web che trasformano il codice in qualcosa con cui puoi giocare.

Il mio stack, un frammento alla volta.

Ogni frammento recuperato nel gioco sblocca una competenza: le schede ancora sfocate aspettano il loro.

HTML, CSS e JavaScript alla base. Canvas e Web APIs per tutto quello che si muove.

• Frammento mancante

  </>

  HTML semantico

  La struttura viene prima di tutto. Scrivo markup semantico e accessibile, perché un’interfaccia deve funzionare anche con uno screen reader, con la sola tastiera o con una connessione lenta.

  • Landmark e ARIA
  • Form accessibili
  • SEO di base

• Frammento mancante

  { }

  CSS moderno

  Grid e Flexbox per i layout, custom properties come design token, animazioni che rispettano prefers-reduced-motion. Mi piace quando un’interfaccia sembra viva senza diventare pesante.

  • Grid e Flexbox
  • Design token
  • Animazioni

• Frammento mancante

  =>

  JavaScript ES6+

  Il linguaggio con cui passo più tempo. Scrivo JavaScript vanilla e modulare: stato, eventi, logica di gioco. Uso un framework quando il progetto lo chiede, non per abitudine.

  • ES Modules
  • DOM ed eventi
  • Logica di gioco

• Frammento mancante

  ctx

  Canvas API

  Il punto in cui il codice diventa gioco: game loop con requestAnimationFrame, collisioni, particelle. Il mini-gioco di questa pagina è costruito proprio così, senza librerie.

  • Game loop
  • Collisioni AABB
  • Particelle

• Frammento mancante

  fetch()

  Web APIs

  Il browser è una piattaforma enorme. Web Audio, Pointer Events, Intersection Observer, Web Storage: le esploro nel Lab e le uso per rendere le esperienze più ricche senza appesantirle.

  • Web Audio
  • Pointer Events
  • Intersection Observer