DOM

E

JavaScript Intermediate

element.animate(): Animations Without a Stylesheet Round-Trip

The Web Animations API runs keyframe animations from JavaScript with play, pause, reverse and a finished promise - no class juggling, no injected style tags.

Jun 27, 2025 2 min 1,593 Read →

I

DOM Intermediate

inert: Disable an Entire Section of the Page in One Attribute

While a modal is open, the page behind it should not be clickable, tabbable or readable by screen readers. inert does all three - focus traps become one line.

May 24, 2025 2 min 1,694 Read →

D

JavaScript Beginner

data-* Attributes: The Contract Between Your HTML, CSS and JS

dataset gives JavaScript typed-ish access to data attributes, CSS can select on them and even display them with attr() - one mechanism, three languages, zero coupling.

Apr 16, 2025 2 min 1,392 Read →

D

JavaScript Intermediate

DocumentFragment, insertAdjacentHTML, replaceChildren: Fast DOM in 2026

innerHTML += in a loop is quadratic destruction. The platform has three precise tools for bulk DOM work, and knowing which to grab is most of the performance.

Apr 11, 2025 2 min 2,305 Read →

S

JavaScript Intermediate

scrollIntoView Has Options (and Focus Can Skip the Scroll)

block: "center", preventScroll on focus(), the new scrollend event - the scroll-control details that make custom UI feel native instead of jumpy.

Mar 25, 2025 2 min 1,972 Read →

R

JavaScript Intermediate

ResizeObserver: Components That Respond to Their Own Size

Window resize listeners cannot see a sidebar collapsing or a panel being dragged wider. ResizeObserver watches the element itself - the JS half of container-based design.

Mar 16, 2025 2 min 590 Read →

B

JavaScript Intermediate

Build a "Quote This" Feature with the Selection API

That floating "tweet this quote" button on Medium-style sites is the Selection API plus one event. Here is the whole thing, popover positioning included.

Mar 7, 2025 2 min 616 Read →

W

JavaScript Advanced

WeakMap: Attach Data to DOM Elements Without Leaking Memory

Store state against DOM nodes, cache per-object computations, keep private data - WeakMap does all three and lets the garbage collector clean up behind you.

Jan 28, 2025 2 min 1,115 Read →

W

JavaScript Beginner

Why Your Click Handlers Die After AJAX (and the One-Line Fix)

Buttons work until the list refreshes over AJAX, then silently stop. Delegated events fix it permanently - and the same pattern is two lines in vanilla JS.

Nov 19, 2024 2 min 2,470 Read →

T

JavaScript Beginner

The <dialog> Element Probably Replaces Your Modal Library

Focus trapping, Escape to close, a backdrop, top-layer stacking above every z-index - the native dialog element does all of it with zero JavaScript dependencies.

Apr 16, 2024 2 min 876 Read →

C

JavaScript Advanced

Catching DOM Changes You Didn't Make: MutationObserver in Practice

When a third-party script injects, moves or mangles your markup, you cannot patch their code - but you can watch the DOM itself and react the instant it changes.

Mar 28, 2024 2 min 1,733 Read →

I

JavaScript Intermediate

Infinite Scroll Without a Single Scroll Listener

Scroll listeners fire hundreds of times per second and need throttling, math and luck. IntersectionObserver watches a sentinel element and calls you exactly when it matters.

Mar 19, 2024 2 min 1,778 Read →