Journal
Le Décorticage
le web animé, décortiqué pièce par pièce
On prend un effet de nos propres pages, et on montre tout : ce qu'il produit, pourquoi il fonctionne, comment il est construit. Pas de boîte noire — tout ce qui est décrit ici tourne en production sur ce site, vérifiable en un clic.
Shader WebGL · 6 juillet 2026
Le grain liquide
Le fond du hero de notre page d'accueil n'est pas une vidéo. C'est un shader WebGL qui réagit au curseur avec un léger retard, calculé image par image. Voici exactement comment il est construit.
Scroll narratif · 6 juillet 2026
La pile qui raconte
Sur notre page d'accueil, l'écran s'arrête et les idées défilent une par une : trois piliers, trois étapes, jamais deux à la fois. Décorticage d'une pile au scroll construite avec useScroll et un conteneur de 300vh.
Révélations au scroll · 6 juillet 2026
Le menu qui se révèle
Sur notre concept de restaurant gastronomique, tout arrive dans l'ordre : les lignes du hero en cascade, les plats un à un, l'image qui s'approche au survol. Une seule primitive d'animation, réglée une fois, utilisée partout.
Scroll horizontal · 6 juillet 2026
Le scroll qui part sur le côté
Dans la section Services de notre page d'accueil, tu descends la page à la molette — mais ce sont les cartes qui glissent horizontalement, une à une, pleine largeur. Voici exactement comment ce scroll détourné est construit, et pourquoi on l'a réservé à cet endroit précis.
Transition de thème · 6 juillet 2026
Le fondu qui respire
Descendez notre page d'accueil et le fond ne saute jamais du blanc au noir : il fond, lentement, sur un peu plus d'une seconde. Voici le mécanisme exact — une poignée de variables CSS et une ligne de détection au scroll.
Le principe du Décorticage : chaque effet décrit est en ligne sur ce site, et chaque détail technique est réel — les bibliothèques, les réglages, les arbitrages. Vous lisez la recette, puis vous allez voir le plat.
Vous voulez ça sur votre site ?
Parlons-en. Premier échange sans engagement, réponse sous 24h.
Démarrer un projet