FREELessons: 11Length: 1.5 hours
- Overview
- Transcript
3.2 Working With Style
The shadow DOM is at the heart of custom elements. It keeps our components encapsulated and allows us to add a custom style to a component without affecting the global environment. In this lesson, I’ll show you the best way to incorporate styles in with your custom element. I’ll also explain differences between the shadow DOM and Polymer’s light-weight shadow DOM polyfill, Shady DOM.
Related Links
1.Introduction
1.1Introduction01:23
1.1
Introduction
01:23
2.Getting Started
2.1Installing Polymer05:34
2.1
Installing Polymer
05:34
2.2Your First Element07:10
2.2
Your First Element
07:10
3.Markup, Attributes, and Style
3.1Adding Content08:24
3.1
Adding Content
08:24
3.2Working With Style08:44
3.2
Working With Style
08:44
3.3Adding Attributes and Properties09:47
3.3
Adding Attributes and Properties
09:47
4.Data and JavaScript
4.1Data Binding14:27
4.1
Data Binding
14:27
4.2The DOM API12:24
4.2
The DOM API
12:24
4.3Events10:35
4.3
Events
10:35
4.4Using Elements From the Element Library09:03
4.4
Using Elements From the Element Library
09:03
5.Conclusion
5.1Conclusion01:00
5.1
Conclusion
01:00
