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