Category: JavaScript
-
Web Workers: Stop Freezing the UI — A Practical Guide
This guide covers why the UI freezes, how Workers fix it, how to communicate with them, and how to use Comlink to make the whole thing feel like a regular async function call.
-
Debounce vs Throttle: The Visual Guide Every Frontend Developer Needs
Debounce and throttle are the two tools for limiting that — but they work completely differently, and picking the wrong one causes real bugs. This guide shows you the difference visually, builds both from scratch, and tells you exactly when to use each.
-
Lazy Loading Images: When Native Is Enough and When It Isn’t
Add loading=”lazy” to any
below the fold. That’s it for 95% of use cases. Use Intersection Observer when you need custom placeholders, fade-in animations, lazy loading CSS background images, or fine-grained control over when loading triggers. Never lazy load the LCP image — it adds 200–500ms to your largest contentful paint and directly hurts your Core Web Vitals score.
-
List Virtualization: How to Render 100,000 Rows Without Killing Your Browser
List virtualization (also called virtual scrolling or windowing) renders only the rows currently visible on screen as real DOM elements — typically 15–20 nodes, regardless of list size. As the user scrolls, those same nodes are repositioned and filled with new data, instead of creating thousands of new elements. The result: a 100,000-row list with the same DOM cost as a 15-row list.
-
AI-Driven Workflows for Frontend Developers: The Practical 2026 Guide
How frontend developers actually use AI tools in 2026 — covering Cursor, GitHub Copilot, Claude Code, and v0. Real workflow patterns, copy-paste prompts, and the honest pitfalls no one talks about.
-
I Built a Cultural RPG in a Single HTML File — Here’s What Broke
A developer devlog on building cultural RPG, a browser-based Malaysian multicultural RPG — covering canvas HiDPI scaling, replacing emoji with vector graphics, NPC dialogue, localStorage saves, and every bug that nearly broke it.
-
The ResizeObserver API: A Practical Guide for Frontend Developers
What is the ResizeObserver API and how do you use it? A practical guide covering borderBoxSize, contentBoxSize, inlineSize, blockSize, observing multiple elements, and real-world use cases — with a live interactive demo.
-
CSS View Transitions: The Complete Developer Tutorial
Smooth page and UI transitions, built into the browser, with little to no JavaScript. This tutorial covers exactly how the View Transitions API works, the difference between same-document and cross-document transitions, real browser support in 2026, and the accessibility details most guides skip.
-
Top 5 Ways Frontend Developers Can Avoid Being Replaced by AI
AI will not replace frontend developers — but frontend developers who use AI better will replace those who don’t.
-
🧠 Top 10 JavaScript Interview Questions (With Detailed Answers for Intermediate Front-End Developers in 2025)
Prepare for your next developer role with these top 10 JavaScript interview questions for intermediate programmers.