Skip to content
Original
TutorialsSimon Willison·· 23 days ago

A guide to shadow roots: understanding Shadow DOM through interactive examples

Shadow roots, explained with live examples

What happened

An interactive tutorial on shadow roots demonstrates style encapsulation, inheritance, slots, parts, and JavaScript access. It shows how a shadow root creates an isolated DOM tree with its own private stylesheets and elements, and how that tree interacts with the page DOM in specific, controlled ways. The example was generated by Fable 5.1 Medium from a prompt.

Keep reading

Latest daily · Issue 24NVIDIA and AI4Bharat Introduce Nemotron-pretraining-Indic-v1 and an Open Data Generation Pipeline

Trending now

  1. 1Meta Releases Muse Spark Open With Mac and Cloud Support, Topping US Open-Weight Index
  2. 2Google Launches Gemini 4 Argon Globally, Expands Paid Access as Benchmark Results Vary
  3. 3OpenAI Updates GPT-6 Astra Pro in ChatGPT With Parallel Agents and Faster Responses
  4. 4Meta’s New Business Terms Raise Dispute Over Website Crawling and AI Training Rights

Tomorrow at 08:00, a briefing like this arrives in your inbox.

The same kind of briefing as the one above: a few stories worth reading. Free. Mail starts after you confirm, and every letter has a one-click unsubscribe. Read a past issue · 2026-10-17