https://github.com/pawk/web-components-101
https://github.com/pawk/web-components-101
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/pawk/web-components-101
- Owner: pawk
- Created: 2018-06-15T13:28:50.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-15T13:29:09.000Z (almost 8 years ago)
- Last Synced: 2025-04-03T16:43:51.455Z (12 months ago)
- Language: HTML
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Web components 101
+ what is web component (inert templates, markup encapsulation)
+ shadow DOM (creating shadow root with its own template)
+ basic styling (how shadow boundary works and what we can style from inside of component and from main DOM)
+ advanced styling (:host, :host-context, deprecated ::shadow and /deep/)
+ component projection
+ styling projected elements, css vars and mixins
## How to follow
`open index.html`
Go with `git tag` and you will see all the steps you can follow. start with `git checkout initial`, then go through subsequent `git checkout stepX`.
See what steps are all about using `git log --oneline --decorate`