Learn CSS Variables In 7 Minutes
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- 🚨🚨🚨 COURSES - slayingthedrag... 🚨🚨🚨
Join the discord - / discord
This video is from a lesson in my CSS course.
In this lesson we go over one of my favorite features in the CSS language, custom properties, or also often referred to as CSS variables. CSS variables allow a value to be stored in one place, then referenced in multiple other places.
Ok so SlayingTheDragon is the first learning channel/site I literally binge watched all of its videos. And had to come back many time because I know I wouldn't find a better explanation. I did that like a month ago and now I believe I am very good at css and can't understand why many ppl struggle in it. You're so good, keep doing wonders.
people struggle on it because they except you to understand things in there way or just didn't knew they have different learning style like i was.
Tho the videos he give actually helps me understand CSS course way more better than i'd normally wouldn't have. Probbly gonna binge it more after i get back into programing in linux.
My uninformed dumbass: "CSS has variables?" But fr thx a lot this will help in future projects.
😂😂😂
Hey dude, just wanna say, I'm about 60% done with your CSS course, and I'm LOVING IT! excited for the javascript course too.
Consider doing a video on various CSS frameworks and the pros and cons of using them in a pagebuilders in Wordpress, cheers.
What an extraordinary CSS course you made. Waiting for the JavaScript one. I'll be there! Thank you!
I really enjoy your videos, really short and concise, shows real-world examples and no long explanations of the same basic principle over and over again
I was a beginner in css when i started to watch your videos now i feel like there is nothing i cant code
thank you soooo much ...
I learned SCSS but never knew you could do this with plain CSS. Great!
The best explanation...I am really learning a lot from this channel, thank you
this is a good tutorial. you're underrated i hope your channel grows!
dude your explanation is really well done....im a beginner myself and im already making good website designs thanks to your grid and flex videos...i'd be great if you made a video on bootstrap
When are your nextjs, react, and javascript courses coming out my friend? Im almost done with your CSS course and im already signficantly advancing on my projects and at my job because of it. Super excited for the rest of your stuff to drop.
I updated the pricing section of my website with release date estimates. It's hard to predict exactly when a course will be ready, creating courses takes a lot of time
tutorial is exceptionally clear, concise, and easy to follow
The way you explain is really good. You are the only person I understand everything you say. An old friend of mine used to say that writing code is like a puzzle. How do you think and write code? Can you make a video about it?
I really have no money to even afford your already affordable online CSS course or else I would have surely bought it
Thank you for your excellent free videos on youtube. Will be waiting for such content in future...
I have already suggested your channel to all my friends and I wish you and your channel a very bright future....
Thank you for this wonderful tutorial 👌🏻
really really superb video. Thank for sharing knowledge with us. god bless you man.
I am grateful for your work.
Tutorial , excellent- "Declare variables for colors " , when yo get deep into programming , better know,
get be familiar with variables, integers , and so on.
Thanks for this. I wish you would've also covered how to handle var from JS and React component.
Post some video myan. Eagerly waiting for
Hey. I just finished your html tutorial and I learned so much from it. I'd like to request if you can order the css playlist on which to watch first so I can tackle them right away.
Or if its easier to list them here in order what to watch first. I'd appreciate it
In all honesty, my CSS playlists isn't in any means a full CSS course, videos are specifically about the topic presented and therefore there isn't really an order to it. I have a full CSS course though if you want, but otherwise, there isn't an order to the CSS playlist
what will be prices for the JS, REACT,Next.Js Courses, I'm from India, needs to save some money to Buy it when it's released. please say individual cost of js,react,next@@slayingthedragon
I love this video very concise and simple way of explanation
Upload some javascript videos for beginners really waiting for that.Thanks man for this video you absolutely nailed it.
Another excellent video!!! Thanks for sharing!!!
Hey guys am new to tech and we will be learning and growing together,ill be posting soon
logged into my yt account just so I could subscribe and thank you in the comments for hope helpful ur videos are lol. ive been fucking around with css since age 12, seeing all the vague knowledge ive had floating around my head for years actually get contextualized is mind-blowing haha
You help me lots .. thank you for your videos❤❤
## Main Ideas
- 🎨 Introduction to CSS variables for better manageability and scalability of styles.
- 📦 Declaring CSS variables using the `:root` pseudo-class and assigning values with hexadecimal color codes.
- 🔄 Demonstrating the use of CSS variables with the `var()` notation.
- 💡 Removing hardcoded color values from CSS properties and replacing them with CSS variables.
- 🖌 Applying CSS variables to various CSS properties like background color, text color, etc.
- 🌟 Highlighting the efficiency and convenience of using CSS variables for consistent theming.
- 📈 Illustrating how CSS variables facilitate easy updates across multiple elements.
- 🚀 Emphasizing the practical benefits of CSS variables in web development for scalability and maintenance.
You just saved a huge time of my life!
He explains every detail beautifully 😍🥰😍
bro keep making video please ur content is so good that other to understand
simple yarr. Nice broooo
Thank you so much for this video
thank you for this lesson waiting to learn something amazing with cool code ❤
love the sponsor of this video
Your videos are awesome!!
This was so useful thanks
Thanks for this tutorial 😊
Can u please make a video on container query?
Is our bro still alive?
I hope this is because he is at work for more courses and he isn't retired :D
Not retired lol, regular weekly content really soon
Please create a video on max , min width height and margin auto , padding auto , auto width and height
Can you add info about locally scoped variables in css
Hey bro, been waiting for the final project for the CSS Course on your website, when you releasing it?
Check again Tuesday
Is it variables or constants? How to change it with viewport, for example?
Bro please start uploading javascript and React videos too.
I bought the course! 🎉
Thank youuuu ❤❤❤❤❤
Hey there
Could please make one video on how to add background image properly ..I mean like the image we choose would appear in our site completely w/o any cut in large devices too. (Sorry for my bad english)
*DOM - Make a video on it*
_Slaying the Dragon_
Do you now yet when you expect to release your other courses?
Muchas Gracias Amigo !!!
Amazing bro
how a helpful video,thanks alot
Love your videos.
are u working on Js course now?
Yes
what will be prices for the JS, REACT,Next.Js Courses, I'm from India, needs to save some money to Buy it when it's released.@@slayingthedragon please say individual cost of js,react,next
@@SriramulaVenkataKrishnaKarthik I don't know yet, let's say 50$ but I haven't decided yet
@@slayingthedragon Do at leats $67 for that.
thanks bro
Great video 👍
You're the best ❤ tsym
Great video! ;>
عاشت ايدك
what did happen with you my friend?:( i haven't saw new content , i'm expecting for new releases, the CSS course was awesome!
I'm finishing up the final project in the CSS course and then I'll come back with weekly uploads to youtube :p
@@slayingthedragon I'm pretty glad to hear that, i thought you're not going to come back but that's a good new!, hoping more updates, thanks a lot for teaching me CSS with the course, i just finished my own portfolio website from scratch using all the stuff learned in the course :,)
It would be good to know why using CSS variables is better than using JS variables
any updates on css course final project?
It's up
Thanks a lot....!
Waiting for your js and react tutorials...
thanks
But... will you remove the value from the color property?!
❤
Thank you soo much dear sir
it's very helpful for all of us ☺️
Please i need how to change css variables using js
when JS course will be launched?
Summer
@@slayingthedragon April ?
❤❤
how do you make it that color
the css
what font you use ???
why you stop posting vedios ????
13 hour video on the way
oh cool am waiting because i realy like the way you tech good luck
@@slayingthedragon
😍
Make more video free 🙌🙌 please🥺🥺
Can you please upload css and js course for free? Pls🥹
There are other videos on yt too but im requesting you because you are the best teacher
@@daniel_cfh2783 At 100k subs I'm uploading my full CSS course for free on TH-cam, and at 1M subs if that's even possible, I'll release the JS course for free
Post some video myan. Eagerly waiting for
❤❤
Post some video myan. Eagerly waiting for