Shining Light on the Shadow DOM | Cassondra Roberts | CSS Day 2023

Published: 01 January 1970
on channel: Web Conferences Amsterdam
2,276
57

Light DOM, Shadow DOM, encapsulation, slots, templates — vocabulary gets thrown around a lot when we talk about styling Web Components but how do all these pieces fit together? It’s easy to get caught up in the JavaScript of it all but in this talk, we’re going to dig into the nuances of styling these darlings of design.

Together we’ll examine the cascade and learn how inheritance works when Shadow DOMs get involved. After a crash-course in terminology, we’ll explore some of the “gotchas”, look at browser inconsistencies, and I’ll proffer some compatibility approaches that won’t give you a migraine. We’ll wrap things up by zooming out and examining how we can use Web Components to build consistency in a codified design library through theming.

Slides: https://allons-y.llc/presentation/cssday
About Cassondra: https://allons-y.llc

More about CSS Day: https://cssday.nl or   / cssdayconf  
Receive conference announcements in your inbox: https://cssday.nl/subscribe


Watch video Shining Light on the Shadow DOM | Cassondra Roberts | CSS Day 2023 online without registration, duration hours minute second in high quality. This video was added by user Web Conferences Amsterdam 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,276 once and liked it 57 people.