playground interactive grid experiment - Vues cette semaine : 3 - Vues ce mois-ci : 87 - Vues totales : 87

121 billes qui réagissent au curseur. L’idée de cette expérimentation, c’est de créer quelque chose d’interactif et fun : tu passes ta souris, les billes s’attirent. Tu touches l’écran sur mobile, elles convergent vers ton doigt. Tu laches, elles reviennent en place avec un petit rebond. Simple, direct, mais ça marche bien.

Le code derrière utilise JavaScript pour générer la grille dynamiquement, CSS Grid pour la mise en page, et GSAP pour gérer toutes les animations. C’est propre et efficace : effet magnétique au survol, gestion tactile native sur mobile, physique d’élasticité pour le retour.

Une expérimentation qui mixe design et code pour créer une micro interaction engageante. Le genre de truc qu’on a envie de toucher encore et encore parce que c’est fluide et réactif. C’est ça qui m’intéresse : coder des expériences qui donnent envie d’interagir.

Mais dans un site concrètement tu mettrais ça où ?

Voir d’autres web experiments ici

playground interactive grid experiment - Vues cette semaine : 3 - Vues ce mois-ci : 87 - Vues totales : 87

J'ai codé une beta de "like" mise en place en octobre pour créer de l'engagement, n'hésites pas à le tester en cliquant le cœur!
39

Top 10 des Articles les Plus Aimés (beta)

web experiments

&