#shadow-dom

[ follow ]
#accessibility #referencetarget #webplatform #micro-frontends #css-architecture #design-tokens #ui-composition
Web development
fromMeyerweb
3 weeks ago

Targeting by Reference in the Shadow DOM

ShadowRoot.referenceTarget lets shadowed components expose internal elements as reference targets so attributes like for, popoverTarget, and ARIA can correctly target them.
Web development
fromblog.logrocket.com
1 month ago

How to ensure your expert C# knowledge doesn't make you a TypeScript noob - LogRocket Blog

Micro frontends increase team autonomy but complicate CSS; use design tokens, CSS Modules, and the Shadow DOM to scale styling and avoid collisions.
fromSmashing Magazine
2 months ago

Smashing Animations Part 6: Magnificent SVGs With And CSS Custom Properties - Smashing Magazine

Since I wrote that explanation, I've designed and implemented new Magnificent 7 animated graphics across my website. They play on the web design pioneer theme, featuring seven magnificent Old West characters. View this animated SVG on my website. (Large preview) <symbol> and <use> let me define a character design and reuse it across multiple SVGs and pages. First, I created my characters and put each into a <symbol> inside a hidden library SVG:
Web development
[ Load more ]