
Vinyle Stack
Un bac à disques qu'on fouille du curseur.
Le site, en direct
Le vrai site, dans le cadre : faites-le défiler pour le visiter. Sortez du cadre pour reprendre la lecture de cette page.

Points forts
Une file, pas une grille
Les pochettes sont posées perpendiculairement au fil, comme des dossiers dans un bac : on n'en voit qu'une tranche, et celle qu'on prélève se découvre entière.
Le prélèvement au ressort
La pochette visée sort latéralement, dépasse un peu sa position et revient. Ses deux voisines la suivent de 10 %, les suivantes de 5 %, et l'espacement de la file ne bouge jamais.
Le disque sort de sa pochette
Il n'apparaît qu'au prélèvement, proportionnellement à la sortie. C'est la signature du bac.
Un défilement sans fin
La file est une boucle fermée, un disque par album : le premier revient après le dernier, sans doublon ni trou, et les deux extrémités du fil tombent hors cadre.
Le rangement par couleur
La teinte dominante n'est pas dans les données : elle est lue sur la pochette elle-même, par vote pondéré sur 36 secteurs de teinte, gris et noirs écartés.
Trente secondes de musique
Les extraits viennent de Deezer, sans compte et sans connexion. La playlist est figée à la fabrication : le visiteur tombe dessus directement.
Sans cadre de travail
Des modules ES, une projection isométrique maison et des transformations CSS. 120 images par seconde avec la file entière à l'écran.
Questions
- Faut-il un compte pour écouter ?
- Non. Les extraits de trente secondes sont publics : ni compte, ni connexion, ni abonnement.
- Peut-on changer la playlist ?
- Oui, en une commande : le studio refige une playlist Deezer, télécharge les pochettes et le site repart dessus. Il n'y a rien d'autre à toucher.
- Pourquoi certains albums restent-ils muets ?
- La disponibilité des extraits dépend du territoire. Ces albums gardent leur place et leur pochette dans le bac ; seul le bandeau signale que l'extrait n'est pas diffusable ici.
- L'aperçu de cette page est-il le vrai site ?
- Oui, c'est le site lui-même, rendu en direct. Dans la vignette du catalogue il est montré sans son texte et il tourne tout seul : la file défile et chaque pochette sort au passage.
Stack technique
- HTML
- CSS
- JavaScript
- Deezer
- Vercel