CSS Variable has taken the frontend development by storm. I was skeptical of it because I'm used to Sass variable. But after a while, I realized how powerful it is.
We will learn the basics and some advanced tips like adding a class when the element becomes sticky.
I often see a site unknowingly load both desktop and mobile images. But that is understandable since the way image loading works is quite weird.
Lazy-load is a way to prevent images from loading before we scroll past it. There are many plugins that help you with this, some themes even have a built-in lazy-load function. Here…