The device details, where they actually live in the code.
Every subagentjobs.com family site targets the same two real-world constraints: an iPhone 16 Pro / Pro Max viewport (Dynamic Island, safe areas, a P3 display) and a current Chrome — Chrome 150 canary as the leading edge. This site catalogs the 10 specific CSS/viewport techniques that answer those constraints, each with the literal code from the worker that ships it and a per-site adoption table, not a spec someone wrote separately from what's deployed.
cataloged techniques
sites using at least one
techniques not (yet) family-wide — see the honest gaps
- [open] Device-technique catalog stays grep-accurate — grep for each technique's marker string (e.g. color-gamut: p3, view-transition, rgb(from var(--accent))) across workers/*/src/index.ts matches the adoption list shown at subagentdevices.com/adoption
Start here
Browse every technique →, jump straight to the adoption matrix to see what each site ships, or open the editable architecture map to see how every site actually depends on the others.
Why iPhone 16 Pro and Chrome 150 canary, specifically
Naming a real device and a real browser build, rather than "modern browsers," is what keeps this catalog honest: every entry either works on that exact pairing or it doesn't, and the two entries that are wc2026-bracket-only (:has()/anchor positioning, canvas DPR capping) are marked that way instead of rounded up to "the whole family does this."
Where this fits
subagentdomains.com is the live index of every site this catalog covers. subagentcowork.com/design-system is the interactive token/component showcase; this site is its citation trail back to the actual per-technique code.