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
Смотрите видео Shining Light on the Shadow DOM | Cassondra Roberts | CSS Day 2023 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Conferences Amsterdam 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,276 раз и оно понравилось 57 людям.