AlexWebLab

Explore a wide range of web development topics, from JavaScript to React and beyond, and uncover valuable insights to enhance your skills.

Latest 2 articles:

Shadow DOM: Encapsulated Components Before Frameworks Existed

Browser Internals

Shadow DOM is the browser-native mechanism for component encapsulation: styles that cannot leak in or out, DOM that is separate from the main document, and behavior that is self-contained. Understanding how it works explains both the power of Web Components and the design of modern CSS isolation.

Interaction to Next Paint: The Core Web Vital That Replaced FID

Performance

Interaction to Next Paint replaced First Input Delay as a Core Web Vital in March 2024. Unlike FID, which measured only the delay before an interaction was handled, INP measures the full time from any interaction to the next paint — making it a far more accurate signal of real-world responsiveness.