Beginner
Dark Mode
A flicker-free light/dark theme toggle built on CSS custom properties, a data-theme attribute, and localStorage.
Tag: accessibility
7 demos tagged “accessibility”.
Intermediate
Multi-level Navigation
A recursive, front-matter-driven navigation tree using @11ty/eleventy-navigation — no hand-maintained nav array.
Intermediate
Table of Contents
A heading-extraction filter that builds a page's table of contents from its own rendered HTML — no separate…
Beginner
Breadcrumbs
A tiny, explicit breadcrumb-trail macro used at the top of every demo and blog post.
Beginner
Print Stylesheet
A real @media print stylesheet, loaded site-wide — strips chrome, forces light mode, and prints link URLs.
Beginner
Copy Code Button
A real copy button on every code block on this site, added by one script, with no per-page…
Intermediate
Accessibility
Three real accessibility techniques already running on this site: a skip link, visually-hidden text, and a genuine bug…