Smart TV nel browser
Un’interfaccia in stile Tizen/webOS, navigabile solo con le frecce. Il motore di spatial navigation è scritto da zero, senza librerie.
Confronta con la versione Qwik →Demo Smart TV
Race Condition
Due promise, un solo stato. Vince chi arriva per ultimo.
Continua a guardare
Thriller del frontend
Documentari
Commedie
Entra con Tab o con il telecomando qui sotto, poi usa le frecce, Invio per aprire e Backspace/Esc per tornare indietro.
Come funziona
- La navigazione è geometrica: a ogni freccia si sceglie l’elemento più vicino nella direzione, cercando prima nello stesso gruppo.
- Ogni riga ricorda l’ultimo elemento selezionato, come sulle TV vere: tornandoci si riparte da lì.
- La scheda di dettaglio limita il focus al suo interno; Back o Esc la chiudono e riportano il focus sulla copertina di partenza.
- Riconosce anche i tasti Back dei telecomandi Tizen (10009) e webOS (461).
- Lo schermo è progettato a 1920×1080 e scalato con le container query units: nessun JavaScript per il layout.
- Focus reale del DOM con roving tabindex: Tab entra ed esce dalla demo, gli screen reader leggono ogni elemento.
Codice sorgente: src/pages/lab/smart-tv