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.