ResizeObserver for Layout-Aware Components
ResizeObserver fires when a watched element's content rect changes size. It is the right tool for component-level responsiveness when container queries do not cover the use case.Wa…
Read article →Web Components Without a Framework
Web Components are three browser features: Custom Elements, Shadow DOM, and HTML Templates. Together they give you encapsulated components in plain HTML.Define a class extending…
Read article →CSS :has() Is the Missing Selector
The :has() pseudo-class lets you style an element based on its descendants. article:has(img) targets articles that contain an image. label:has(input:checked) styles a label when it…
Read article →CSS @layer for Predictable Cascades
The @layer rule lets you group styles into named cascade layers and explicitly order them. Later layers always win over earlier ones, regardless of specificity…
Read article →AbortController for Cancelling Fetches
AbortController gives you a signal you can pass to fetch (and many other APIs) to cancel an in-flight request. controller.abort() rejects the fetch promise with…
Read article →