dout.dev - vanilla-js https://dout.dev/tags/vanilla-js/ RSS feed for posts tagged with vanilla-js en Sat, 04 Jul 2026 00:00:00 GMT A Pragmatic Service Worker: Cache Strategy, Offline, No Abuse (80 Lines, No Drama) https://dout.dev/posts/2026-07-04-pragmatic-service-worker.html https://dout.dev/posts/2026-07-04-pragmatic-service-worker.html Sat, 04 Jul 2026 00:00:00 GMT The case against most service workers Honest Lazy Loading: IntersectionObserver vs Native loading=lazy (The Real Difference) https://dout.dev/posts/2026-06-30-honest-lazy-loading.html https://dout.dev/posts/2026-06-30-honest-lazy-loading.html Tue, 30 Jun 2026 00:00:00 GMT The two tools, in one paragraph Accessible Scrollspy and Outline Without contenteditable (Yes, It Can Be Done) https://dout.dev/posts/2026-06-27-accessible-scrollspy-outline.html https://dout.dev/posts/2026-06-27-accessible-scrollspy-outline.html Sat, 27 Jun 2026 00:00:00 GMT The feature and its trap A Custom Element for Syntax Highlight: Why I Wrote `pix-highlighter` https://dout.dev/posts/2026-06-23-custom-element-syntax-highlight.html https://dout.dev/posts/2026-06-23-custom-element-syntax-highlight.html Tue, 23 Jun 2026 00:00:00 GMT The stack I did not want Client-Side Search on a Static Dataset (No Server, No Algolia, No Bullshit) https://dout.dev/posts/2026-06-16-client-side-search-static-dataset.html https://dout.dev/posts/2026-06-16-client-side-search-static-dataset.html Tue, 16 Jun 2026 00:00:00 GMT The constraint (no backend, no excuses) The End of Borrowed Abstractions https://dout.dev/posts/2026-06-13-the-end-of-borrowed-abstractions.html https://dout.dev/posts/2026-06-13-the-end-of-borrowed-abstractions.html Sat, 13 Jun 2026 00:00:00 GMT The reflex that shaped software How PixHighlighter Is Built (Or: I Wrote a Syntax Highlighter Because Prism Was Too Bloaty) https://dout.dev/posts/2026-06-06-how-pixhighlighter-is-built.html https://dout.dev/posts/2026-06-06-how-pixhighlighter-is-built.html Sat, 06 Jun 2026 00:00:00 GMT The contract stays plain (because HTML should be readable) Modern CSS Is Enough (Container Queries, Nesting, `:has()` - No Framework Required) https://dout.dev/posts/2026-05-30-modern-css-is-enough.html https://dout.dev/posts/2026-05-30-modern-css-is-enough.html Sat, 30 May 2026 00:00:00 GMT The short version (for the impatient) Progressive Enhancement as Contract (Yes, It Works Without JS. No, I'm Not Kidding.) https://dout.dev/posts/2026-04-28-progressive-enhancement-as-contract.html https://dout.dev/posts/2026-04-28-progressive-enhancement-as-contract.html Tue, 28 Apr 2026 00:00:00 GMT The contract (read this part)