Posts Categorized: JavaScript

Custom Navigation Bar Animations with AOS

I’m always on the lookout for easy to use JavaScript libraries for my students. Recently I discovered AOS (Animate on Scroll), which makes animating elements on the page as you scroll super easy. The library comes with many ready to go animations, but one of the things I really like about this small library is… Read more »

ScrollMagic for Beginners Tutorial

ScrollMagic¬†is a JavaScript library for creating scroll interactions. It lets you create animations that start and stop at specific points during the scrolling of a page. It’s quite powerful, but can be intimidating for beginners, since unlike Skrollr, it’s all done in JavaScript. In this tutorial, I’ll cover the basics of adding ScrollMagic to a… Read more »

Skrollr for Beginners Tutorial

Skrollr is a scroller library that allows you to perform animations or changes to your web page’s content based on screen position.¬†For example, you can make a div slowly appear, or slide in, as you scroll down the page. You can see it in action here. This tutorial will cover the bare minimum you need… Read more »