Posts Categorized: CSS

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 »

Centering in CSS for Beginners

One of the things that frustrate my students when they first start learning CSS is how to center elements. There are many techniques, many of them not very intuitive. Some require that you apply CSS to the element itself, while others to the parent. It’s very frustrating. This tutorial is meant for beginners who struggle… Read more »

My Favorite Responsive CSS Grid Techniques

In this article, I want to share two responsive techniques that I learned from Wes Bos’ CSS Grid Tutorial. Thanks, Wes! Template Areas You can make a site responsive simply by changing the template areas with a media query. In this example, let’s imagine a regular page where on desktop the main and aside are… Read more »