How to Create Custom Block Styles (Advanced Way)
One way to patch Gutenberg's lack of features is to use custom block styles. But most themes are not utilizing it properly. We will learn the proper way here.
Using Sass Mixin for Media Query Is Wrong (Here’s a Better Way)
Every Sass tutorial on the internet will teach you to use mixin for media queries. Why though? All it does is adding unnecessary abstraction.
Good Places to Use CSS Variables (in WordPress)
CSS Variable has taken the frontend development by storm. I was skeptical of it because I'm used to Sass variable. But it's more powerful than that.
CSS Sticky Positioning (All You Need to Know)
Learn about the basic of Sticky position and some advanced tips like adding a class when the element becomes sticky.
3 Common Mistakes when Creating Responsive Images
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.
Implement Lazy-Loading without Plugin
Update 11 Aug 2020: WordPress 5.5 introduced native lazy loading by adding loading="lazy" attribute to all images. So you no longer need to create your own. Lazy-load is a way to prevent…