Skip to content

Obsession

The topics we keep coming back to.

7 categories, 131 tags, 64 articles, because nobody ever agreed on what to call anything. A category opens its own page, a tag filters in place.

Frontend Architecture31Security14AI Development08Red Team04AI SecOps03Blue Team03Reverse Engineering01
A dark Egnworks banner representing a browser resolving a bare module name through a JSON map.

Frontend Architecture

Import Maps Bring Bare Specifiers to the Browser

A deep technical guide to import maps, covering why the browser could never resolve a bare module specifier on its own, writing an imports and scopes map, path prefix mappings, verifying module integrity, where the map has to live in a document, what it does not do, and browser support.

Jacob Val

A dark Egnworks banner representing a shadow root attaching itself as the page parses.

Frontend Architecture

Server Rendering Shadow DOM Without JavaScript

A deep technical guide to Declarative Shadow DOM, covering the template shadowrootmode attribute, open versus closed roots, delegating focus, cloneable and serializable shadow roots, what the HTML parser actually does, a fallback for unsupported browsers, and what the feature does not solve.

Jacob Val

A dark Egnworks banner representing a long page where only the visible section is actually rendered.

Frontend Architecture

Skip Offscreen Rendering to Speed Up Long Pages

A deep technical guide to the CSS content-visibility property, covering what auto and hidden actually skip, why contain-intrinsic-size is required to avoid layout shift, the contentvisibilityautostatechange event, the underlying contain property, and real world performance numbers.

Jacob Val

A dark Egnworks banner representing a popover rendered above the page in the top layer.

Frontend Architecture

The Popover API Explained

A deep technical guide to the native Popover API, covering the popover attribute, popovertarget, the top layer, light-dismiss behavior, the popover stack, styling with :popover-open and ::backdrop, the toggle events, and how it relates to CSS anchor positioning and the dialog element.

Jacob Val

A dark Egnworks banner representing a parent element styled by the children inside it.

Frontend Architecture

The CSS Parent Selector Finally Arrives

A deep technical guide to the CSS :has() pseudo-class, covering parent selection, direct child and sibling selection, quantity queries, combining it with :is() and :not(), the nesting restriction, performance guidance, and browser support.

Jacob Val

A dark Egnworks banner representing a browser silently prerendering the next page before a click.

Frontend Architecture

The Speculation Rules API Explained

A deep technical guide to the Speculation Rules API, covering prefetch and prerender rules, eagerness levels, document rules with URL and selector matching, what changes for a prerendered page, safety restrictions, and current browser support.

Jacob Val