Sherbrooke 1881 IX (Waypoints)

Même si j’ai personnellement une préférence pour ScrollTrigger, sachez qu’il est également possible de réaliser tout ce que nous avons fait jusqu’ici dans ce projet avec un plugin…

Sherbrooke 1881 VIII (Google Analytics)

Donc votre site Web est maintenant en ligne, mais est-il consulté? Pour le savoir, vous pouvez utiliser Google Analytics. Pour ce faire, d’abord se créer un compte, ensuite…

M. Kombucha VII (bière)

Je m’étais engagé à donner une recette de bière maison. Chose promise, chose due. La voici donc. La recette peut paraître complexe, mais une fois que vous maîtriserez…

Sherbrooke 1881 VII (TilesXYZ)

Nous verrons ici d’abord comment améliorer votre storymap avec une propriété dans ScrollTrigger; ensuite, quoi faire si vous ne disposez pas déjà d’un manifeste iiif pour votre carte;…

Sherbrooke 1881 VI (Leaflet-iiif)

Nous avons vu comment combiner ScrollTrigger et Leaflet pour créer des storymaps. Dans notre exemple, nous nous servions d’un fond de carte Stamen. Mais notre projet implique une…

Sherbrooke 1881 V (ScrollTrigger+Leaflet)

Nous avons vu comment créer une animation GSAP, puis comment déclencher l’animation avec ScrollTrigger. Mais on peut utiliser également ScrollTrigger pour lancer une fonction Leaflet, comme changer la…

Sherbrooke 1881 IV (ScrollTrigger)

Nous avons vu précédemment comment créer une animation avec GSAP. Or, notre projet est une storymap et il faut donc que nos animations soient contrôlées par la molette…

Sherbrooke 1881 III (GSAP)

Au début du Web, les sites étaient très statiques. Au mieux, il y avait <blink> qui faisait flasher certains mots comme un arbre de noël. Puis vint Flash…

Sherbrooke 1881 II (Codepen)

Quand on code une carte Leaflet ou un site web en général, on doit chaque fois que l’on apporte des changements sauvegarder dans son éditeur (ex. Atom), ensuite…

Sherbrooke 1881 I (Google Fonts)

Je commence avec cet article un nouveau projet, soit une carte narrative interactive entièrement programmée. J’en ai déjà fait une pour accompagner mon livre, mais je n’avais pas…