Lexical Setup Isn’t What You Think — Here’s the Real Minimal Setup
In this article, you'll learn how to extend Chrome Developer Tools by creating a custom sidebar panel. We'll walk through how to build a simple DevTools extension. Using chrome.dev.tools APIs, you'll see how to capture the selected element, perform custom calculations, and display the results directly in DevTools.
In this article, I will share what I’ve learned while building a custom gift card solution and explain why I chose certain approaches. Think of it as a collection of thoughts. Hopefully, that can help you learn one or two things along the way.
Stacking contexts are essential for managing the visual layering and overlap of elements on a webpage. When multiple elements need to be displayed in a particular order or layered to create depth, understanding stacking contexts helps ensure the right elements appear on top. A stacking context is essentially a hierarchy that determines how elements are visually stacked within the page, with rules that influence which elements are in front or behind others.
In this article, I explain Client-Side Rendering, Server-Side Rendering, Static Site Generation, and Incremental Static Generation in simple terms. Hopefully, you’ve gained some knowledge to make better decisions with these methods.
This article explains the "Contaning Block" in simple terms. Learn how it sets the space for positioning and sizing elements in CSS. You'll understand how it works, why it's important, and how it affects the way things are arranged on the page. Perfect for anyone wanting a clear explanation of this CSS.