Posts

Forwarding UI Events from Shadow DOM in Web Components

Learn why UI events like mouseover/mouseout don't bubble outside Shadow DOM and how to forward them properly.

—

Why element.querySelector() Isn't Just Scoped Search

Exploring the global semantics of CSS selectors and why `element.querySelector()` doesn't simply search within its subtree. Learn the surprising truth about its performance and behavior.

—

Instant Page Loads with Chromium Prerendering & Speculation Rules API

How to achieve near-zero LCP with Chromium's Speculation Rules API for prerendering pages before users click

—

Using calc() in Media Query Conditions

Using calc() and design tokens in media queries - what works, what doesn't, and practical workarounds

—

CSS env() Function: Real-World Use Cases for Modern Devices

Practical examples of using CSS `env()` to handle notches, virtual keyboards, PWA title bars, and foldable devices

—

isNaN vs Number.isNaN

Debugging This JavaScript Nonsense

—

Notes on User Experience for Web Designers

Notes from learning User Experience for Web Designers course on LinkedIn Learning (previously Lynda)

—

Hoisting in JavaScript

Details about hoisting and everything related (var, let, const, function, class, function*,...)

—

Improving performance of addressBook project

—

JavaScript journey

All resources I have learned to have a strong knowledge in JavaScript

—

Experiences gained by building addressBook project

Introduce some best practices, JavaScript's core mechanisms, bugs fixing,...

—

Scope in JavaScript

Is JS a compiled or interpreted language? How does scope work in JavaScript?

—

Promises in JavaScript

JS Promise's use cases, demos, real world scenarios, and best practices for using Promises in JavaScript

—