How to Use Webpack in WordPress
Does a WordPress developer need to know Webpack? You might think it is unnecessary and too complex. So I will show you how useful it is for developing a theme.
How to Use Vue in WordPress (Without Webpack)
If you need a complex front-end feature in WordPress, don't use jQuery. Get a proper library like Vue! We will learn how to set it up in this article.
How to use JavaScript for WordPress REST API (AJAX)
Have you seen a new section gets loaded without a page refresh? This technique is called AJAX and we will learn how to do that
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…