00 Laboratorio aperto · tre pagine · zero dipendenze
Il browser
sa già fare
questo.
Niente framework, niente CDN, niente screenshot: ogni cosa che vedi qui funziona davvero. Interfacce costruite a mano, layout che si adattano da soli, particelle che rispondono al microfono.
Apri l'indiceIndice
Ogni voce è un mondo a sé: cambia il foglio di stile, il modo di impaginare e quello che puoi farci dentro. Aprile nella stessa scheda, poi torna qui.
-
01
Sala controllo
Una dashboard che non usa un solo componente di terze parti: selettore con ricerca, miscelatore collegato al tema, coda riordinabile, cavi che si trascinano.
- menu contestuale
- palette comandi
- drag & drop
- tastiera
-
02
Impalcatura
Un documento di carta che si spiega mentre lo leggi: il CSS reagisce ai figli, le card si riordinano in base alla propria larghezza, il colore si mescola in oklch.
- :has()
- container query
- subgrid
- scroll-driven
-
03
Tela
Canvas a schermo intero: diecimila granelli trascinati da un campo di rumore, attratti dal puntatore, eccitati dalla voce. Il fotogramma si esporta in PNG.
- canvas 2D
- audio
- esporta PNG
- fullscreen