Learn CSS Variables In 7 Minutes

🚨🚨🚨 COURSES - slayingthedragon.io 🚨🚨🚨
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.

[@altayeb913]

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.

[@jasonjeong3737]

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.

[@wassupbaby8634]

My uninformed dumbass: "CSS has variables?" But fr thx a lot this will help in future projects.

[@John.Rearden]

Consider doing a video on various CSS frameworks and the pros and cons of using them in a pagebuilders in Wordpress, cheers.

[@anonymall]

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

[@bsk87]

What an extraordinary CSS course you made. Waiting for the JavaScript one. I'll be there! Thank you!

[@RancorSweetly]

I learned SCSS but never knew you could do this with plain CSS. Great!

[@eironross]

this is a good tutorial. you're underrated i hope your channel grows!

[@Apathetic-co3cw]

Thank you for this wonderful tutorial 👌🏻

[@charlestoneoyoo]

The best explanation...I am really learning a lot from this channel, thank you

[@juniorWeb247]

really really superb video. Thank for sharing knowledge with us. god bless you man.

[@brendensong8000]

Another excellent video!!! Thanks for sharing!!!

[@alimansimov1929]

I am grateful for your work.

[@anthonyyoung7949]

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.

[@slayingthedragon]

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

[@birodhlungeli5199]

You help me lots .. thank you for your videos❤❤

[@sumalathabandi3197]

I love this video very concise and simple way of explanation

[@kushkumarsingh7207]

Upload some javascript videos for beginners really waiting for that.Thanks man for this video you absolutely nailed it.

[@FreshAirThe]

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

[@Crasius-madman]

thank you for this lesson waiting to learn something amazing with cool code ❤

[@Parthesh28]

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....

[@msozcelik]

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?

[@vijayakumar_3]

Thank you so much for this video

[@undeadqug7732]

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 ...

[@nitkarshchourasia2406]

## 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.

[@juliusblaschke5641]

Your videos are awesome!!

[@_AGCraft_]

Thanks for this tutorial 😊

[@cp65143]

This was so useful thanks

[@saythetruth2024]

simple yarr. Nice broooo

[@tdgamers365]

bro keep making video please ur content is so good that other to understand

[@BibekGotame]

Post some video myan. Eagerly waiting for

[@babydriver666]

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

[@The_Victory_For_Islam_tr]

how a helpful video,thanks alot

[@garvkedia359]

Love your videos.

[@inuyasha11p]

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.

[@inuyasha11p]

Or if its easier to list them here in order what to watch first. I'd appreciate it

[@slayingthedragon]

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

[@user-do2dl8bj7p]

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

[@ahtishamchaudhary436]

Amazing bro

[@goannacs6861]

Is our bro still alive? I hope this is because he is at work for more courses and he isn't retired :D

[@slayingthedragon]

Not retired lol, regular weekly content really soon

[@Capo-Sururu]

Great video 👍

[@binuavin]

Can you add info about locally scoped variables in css

[@--bountyhunter--]

love the sponsor of this video

[@gabrielrinconlopez9241]

Great video! ;>

[@ADITYA_SINGH1]

Can u please make a video on container query?

[@AI-generatedBot]

Please create a video on max , min width height and margin auto , padding auto , auto width and height

[@nitkarshchourasia2406]

*DOM - Make a video on it* _Slaying the Dragon_

[@rudranarayanmangaraj8451]

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)

[@serapheogen]

Do you now yet when you expect to release your other courses?

[@JAelia-nw5uu]

Thank youuuu ❤❤❤❤❤

[@stayflippinghard1]

how do you make it that color the css

[@SigsSubo]

Hey bro, been waiting for the final project for the CSS Course on your website, when you releasing it?

[@slayingthedragon]

Check again Tuesday

[@jayceedvr.]

You're the best ❤ tsym

[@KingSidroyale]

I bought the course! 🎉

[@vrupesh8080]

thanks bro

[@user-pe4jc1ko6s]

what font you use ???

[@ashutosh_tiwari]

Bro please start uploading javascript and React videos too.

[@Gamer60014]

Waiting for your js and react tutorials...

[@diego5963]

what did happen with you my friend?:( i haven't saw new content , i'm expecting for new releases, the CSS course was awesome!

[@slayingthedragon]

I'm finishing up the final project in the CSS course and then I'll come back with weekly uploads to youtube :p

[@diego5963]

​@@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 :,)

[@tamirhalperin2404]

It would be good to know why using CSS variables is better than using JS variables

[@maksymovchynnikov6369]

any updates on css course final project?

[@slayingthedragon]

It's up

[@madikarim264]

عاشت ايدك

[@anessrahmani1265]

Please i need how to change css variables using js

[@mirjalol49]

are u working on Js course now?

[@slayingthedragon]

Yes

[@user-do2dl8bj7p]

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

[@slayingthedragon]

@@user-do2dl8bj7p I don't know yet, let's say 50$ but I haven't decided yet

[@john-mac]

@@slayingthedragon Do at leats $67 for that.

[@Chiaros]

But... will you remove the value from the color property?!

[@user-do2dl8bj7p]

when JS course will be launched?

[@slayingthedragon]

Summer

[@user-do2dl8bj7p]

@@slayingthedragon April ?

[@marufkhan9400]

❤❤

[@parasuramkagitha2951]

❤

[@parasuramkagitha2951]

Thank you soo much dear sir it's very helpful for all of us ☺️

[@user-km7hy5pf7y]

😍

[@user-vu9jh1dl6p]

why you stop posting vedios ????

[@slayingthedragon]

13 hour video on the way

[@user-vu9jh1dl6p]

oh cool am waiting because i realy like the way you tech good luck @@slayingthedragon

[@cherryking67]

Make more video free 🙌🙌 please🥺🥺

[@daniel_cfh2783]

Can you please upload css and js course for free? Pls🥹

[@daniel_cfh2783]

There are other videos on yt too but im requesting you because you are the best teacher

[@slayingthedragon]

@@daniel_cfh2783 At 100k subs I'm uploading my full CSS course for free on KZbin, and at 1M subs if that's even possible, I'll release the JS course for free

[@BibekGotame]

Post some video myan. Eagerly waiting for

[@VishwashBhusal]

❤❤

[@BibekGotame]

Post some video myan. Eagerly waiting for