Awesome examples on where to use the Layers. Thank you for the video!
The explanation is clear and informative, giving edge cases to why use this feature.
Beside that, this CSS feature is totally a 360 turn around in the way you think of styling your UIs. It's like all over sudden CSS is catching up with SASS.
Looking forward for more tips, I'm really enjoying your videos 🎉
Thank you so much, really appreciate it!
And yes, it’s absolutely a mental shift, but one well worth it!
How do you find these new CSS features? Do you follow a certain blog or newsletter.
Very good question. For me Twitter is my main source where I find all the cool stuff. I can't come up with everything myself, but follow for example a lot of folks working at Google promoting all these new features as well. For example Una Kravets, Adam Argyle or Bramus van Damme.
And via Twitter of course I also get across nice blogs, but that's most of the time my final stop. Most of the inspiration comes from Twitter.
Some more names that come to mind: Josh W Comeau, Sara Soueidan
Hope this helps!
Idk why but your welcome always catches me off guard lol.
Other than that, Love your videos man, always learn something from you!
Hahahaha! Sorry for being so in your face 😂 Let me think if I can come up with something more friendly, hahaha
Great info🙌 , vs code theme?
It's a collection called Beared theme collection, and I use the Arc theme from that.
In the next video, can show how layers can be user in a multi-file environment like in React?
Anything specific you’d like to know?
You can refine the same layers over and over. Your browser will then combine them. The first time you define the layer order will be the order in which they are applied. But it’s possible to reuse the same layer in every file again after that.
@@frontendfyi hopefully it makes sense: if I defined a utility layer at the top level file, can I import that layer down at the component level's import?
Does it make sense to reset again at that level?
Separately, I'm also wondering if it can help in doing isolation. I have a third party component whose css is completely messed up because the parents selectors were too broad... was looking at how to cut off the parent's effect.
promo sm
Thanks for making CSS even more fun for me.