Code snippets

137 snippets

• HTML

  Accessible modal with the dialog element

  Use the native dialog element for a modal with built-in focus trapping, Escape to close and a backdrop.

• HTML

  Accordion with details and summary

  A keyboard-accessible FAQ accordion with no JavaScript, including an exclusive group using the name attribute.

• JavaScript Tested

  Deep merge plain objects

  Recursively merge configuration objects without mutating the inputs and without prototype pollution.

• JavaScript Tested

  Deep equality check

  Compare two values structurally, including nested objects, arrays, Dates, Maps and Sets.

• JavaScript Tested

  Deep clone an object with structuredClone

  Copy nested objects, arrays, Maps, Sets and Dates without sharing references, using the built-in structuredClone.

• Python Tested

  Remove duplicates but keep order

  Deduplicate a list while preserving the first occurrence order, for hashable values or by key.

• TypeScript Tested

  Debounce with preserved argument types

  A debounce function whose returned function keeps the parameter types and exposes cancel() and flush().

• Python Tested

  Dataclass with validation

  Validate and normalize fields in __post_init__ so invalid objects can never be created.

• JavaScript Tested

  Encode and decode opaque pagination cursors

  Turn a sort position into a URL-safe cursor string and validate it when it comes back from the client.

• JavaScript Tested

  Curry a function

  Turn a multi-argument function into one that can be called a few arguments at a time.

• PHP Tested

  CSRF token generation and verification

  Protect state-changing forms with a per-session token compared in constant time.

• CSS

  Card that adapts to its container with container queries

  Switch a card from stacked to side-by-side based on the space it has, not the viewport.