How to Add CSS to Your Web Components - JavaScript Tutorial
Today I'll be demonstrating a few ways to add CSS to your JavaScript Web Components - there are a few ways to do this, each with their own advantages and disadvantages.
For the Table used in this video, see my previous tutorial:
• How to Create a Styled...
For your reference, check this out:
developer.mozilla.org/en-US/d...
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #css
Пікірлер: 6
The hint with the variable-injection into the Component is pretty cool. Thanks..
Thanks Dom! Great info as always. I’m really enjoying this web components series. Wish I would have watched this BEFORE attempting to learn Angular. Things would have made way more sense.
Excellent video. Dom, i found just having a "tmp.css" file open and writing the css in it, then pasting it in the component, "const css " variable. This way you get the benefit of syntax highlighting while creating.
Good tut. I guess the vs-code extension: 'Inline HTML' give you the ability of syntax highlighting for css and html...
I don't use web components yet but this is quite useful for the future
I think it'll be a good tutorial