Learn CSS Variables In 7 Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น • 107

  • @altayeb913
    @altayeb913 11 หลายเดือนก่อน +33

    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.

    • @MorphMV
      @MorphMV 5 หลายเดือนก่อน +1

      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.

  • @wassupbaby8634
    @wassupbaby8634 10 หลายเดือนก่อน +30

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

  • @undeadqug7732
    @undeadqug7732 7 หลายเดือนก่อน +2

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

  • @jasonjeong3737
    @jasonjeong3737 7 หลายเดือนก่อน +6

    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.

  • @bsk87
    @bsk87 8 หลายเดือนก่อน +2

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

  • @kuroe10
    @kuroe10 13 วันที่ผ่านมา +1

    Your way of explanation makes it so easy to understand. Thanks bro

  • @John.Rearden
    @John.Rearden ปีที่แล้ว +11

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

  • @terrainculturefood
    @terrainculturefood 4 หลายเดือนก่อน

    tutorial is exceptionally clear, concise, and easy to follow

  • @RancorSweetly
    @RancorSweetly ปีที่แล้ว +2

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

  • @anonymall
    @anonymall ปีที่แล้ว +2

    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

  • @Parthesh28
    @Parthesh28 11 หลายเดือนก่อน +1

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

  • @charlestoneoyoo
    @charlestoneoyoo 10 หลายเดือนก่อน +2

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

  • @palmwaytech
    @palmwaytech 3 หลายเดือนก่อน

    Tutorial , excellent- "Declare variables for colors " , when yo get deep into programming , better know,
    get be familiar with variables, integers , and so on.

  • @FreshAirThe
    @FreshAirThe 8 หลายเดือนก่อน +2

    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

  • @pattymedeiros1395
    @pattymedeiros1395 2 หลายเดือนก่อน +1

    He explains every detail beautifully 😍🥰😍

  • @msozcelik
    @msozcelik 10 หลายเดือนก่อน +1

    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?

  • @eironross
    @eironross ปีที่แล้ว +2

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

  • @limoChege
    @limoChege 4 หลายเดือนก่อน +1

    Hey guys am new to tech and we will be learning and growing together,ill be posting soon

  • @anthonyyoung7949
    @anthonyyoung7949 7 หลายเดือนก่อน +2

    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
      @slayingthedragon  7 หลายเดือนก่อน

      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

  • @alimansimov1929
    @alimansimov1929 9 หลายเดือนก่อน +1

    I am grateful for your work.

  • @kushkumarsingh7207
    @kushkumarsingh7207 7 หลายเดือนก่อน +1

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

  • @BibekGotame
    @BibekGotame 9 หลายเดือนก่อน +2

    Post some video myan. Eagerly waiting for

  • @Apathetic-co3cw
    @Apathetic-co3cw ปีที่แล้ว +4

    Thank you for this wonderful tutorial 👌🏻

  • @juniorWeb247
    @juniorWeb247 6 หลายเดือนก่อน +1

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

  • @nitkarshchourasia2406
    @nitkarshchourasia2406 9 หลายเดือนก่อน +1

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

  • @juno7893
    @juno7893 22 วันที่ผ่านมา +1

    Excellent explanation 👍🏼

  • @sumalathabandi3197
    @sumalathabandi3197 10 หลายเดือนก่อน +1

    I love this video very concise and simple way of explanation

  • @musafeerr_inc
    @musafeerr_inc 3 หลายเดือนก่อน

    You just saved a huge time of my life!

  • @viralpasad5222
    @viralpasad5222 4 หลายเดือนก่อน

    Thanks for this. I wish you would've also covered how to handle var from JS and React component.

  • @babydriver666
    @babydriver666 11 หลายเดือนก่อน +2

    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

  • @Ahmmed_Ar
    @Ahmmed_Ar 6 หลายเดือนก่อน +1

    simple yarr. Nice broooo

  • @--bountyhunter--
    @--bountyhunter-- ปีที่แล้ว +1

    love the sponsor of this video

  • @inuyasha11p
    @inuyasha11p ปีที่แล้ว +1

    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
      @inuyasha11p ปีที่แล้ว

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

    • @slayingthedragon
      @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

    • @SriramulaVenkataKrishnaKarthik
      @SriramulaVenkataKrishnaKarthik ปีที่แล้ว

      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

  • @brendensong8000
    @brendensong8000 8 หลายเดือนก่อน +1

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

  • @tdgamers365
    @tdgamers365 10 หลายเดือนก่อน +1

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

  • @birodhlungeli5199
    @birodhlungeli5199 ปีที่แล้ว +2

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

  • @NeonDev-n7t
    @NeonDev-n7t หลายเดือนก่อน +1

    bro made a sponsor for his self , his slaying the dragon fr wtf 💀

  • @vijayakumar_3
    @vijayakumar_3 ปีที่แล้ว +2

    Thank you so much for this video

  • @juliusblaschke5641
    @juliusblaschke5641 8 หลายเดือนก่อน +1

    Your videos are awesome!!

  • @Crasius-madman
    @Crasius-madman ปีที่แล้ว +1

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

  • @cp65143
    @cp65143 9 หลายเดือนก่อน +1

    This was so useful thanks

  • @JAelia-nw5uu
    @JAelia-nw5uu 11 หลายเดือนก่อน +1

    Thank youuuu ❤❤❤❤❤

  • @KingSidroyale
    @KingSidroyale ปีที่แล้ว +1

    I bought the course! 🎉

  • @ADITYA_SINGH1
    @ADITYA_SINGH1 9 หลายเดือนก่อน +1

    Can u please make a video on container query?

  • @_AGCraft_
    @_AGCraft_ 9 หลายเดือนก่อน +1

    Thanks for this tutorial 😊

  • @goannacs6861
    @goannacs6861 6 หลายเดือนก่อน +2

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

    • @slayingthedragon
      @slayingthedragon  6 หลายเดือนก่อน

      Not retired lol, regular weekly content really soon

  • @ahtishamchaudhary436
    @ahtishamchaudhary436 10 หลายเดือนก่อน +1

    Amazing bro

  • @nightowl0492
    @nightowl0492 6 หลายเดือนก่อน

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

  • @Capo-Sururu
    @Capo-Sururu ปีที่แล้ว +1

    Great video 👍

  • @garvkedia359
    @garvkedia359 ปีที่แล้ว +1

    Love your videos.

  • @JoseGMartinezR
    @JoseGMartinezR 3 หลายเดือนก่อน

    Muchas Gracias Amigo !!!

  • @binuavin
    @binuavin ปีที่แล้ว +1

    Can you add info about locally scoped variables in css

  • @SigsSubo
    @SigsSubo 9 หลายเดือนก่อน

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

  • @The_Victory_For_Islam_tr
    @The_Victory_For_Islam_tr ปีที่แล้ว +1

    how a helpful video,thanks alot

  • @jayceedvr.
    @jayceedvr. 9 หลายเดือนก่อน +1

    You're the best ❤ tsym

  • @scare4ycat
    @scare4ycat 7 หลายเดือนก่อน

    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)

  • @vrupesh8080
    @vrupesh8080 10 หลายเดือนก่อน +1

    thanks bro

  • @yasaminghaedinia
    @yasaminghaedinia 2 หลายเดือนก่อน +1

    thanks

  • @nitkarshchourasia2406
    @nitkarshchourasia2406 9 หลายเดือนก่อน +1

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

  • @gabrielrinconlopez9241
    @gabrielrinconlopez9241 ปีที่แล้ว +1

    Great video! ;>

  • @mikhailnikolaev9927
    @mikhailnikolaev9927 5 หลายเดือนก่อน

    Is it variables or constants? How to change it with viewport, for example?

  • @ashutosh_tiwari
    @ashutosh_tiwari 11 หลายเดือนก่อน +2

    Bro please start uploading javascript and React videos too.

  • @serapheogen
    @serapheogen 9 หลายเดือนก่อน

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

  • @musafeerr_inc
    @musafeerr_inc 3 หลายเดือนก่อน

    Thanks a lot....!

  • @madikarim264
    @madikarim264 6 หลายเดือนก่อน +1

    عاشت ايدك

  • @mirjalol49
    @mirjalol49 ปีที่แล้ว +2

    are u working on Js course now?

    • @slayingthedragon
      @slayingthedragon  ปีที่แล้ว +2

      Yes

    • @SriramulaVenkataKrishnaKarthik
      @SriramulaVenkataKrishnaKarthik ปีที่แล้ว

      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
      @slayingthedragon  ปีที่แล้ว +1

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

    • @john-mac
      @john-mac 9 หลายเดือนก่อน

      @@slayingthedragon Do at leats $67 for that.

  • @Goutham991
    @Goutham991 9 หลายเดือนก่อน

    Waiting for your js and react tutorials...

  • @maksymovchynnikov6369
    @maksymovchynnikov6369 7 หลายเดือนก่อน

    any updates on css course final project?

  • @anessrahmani1265
    @anessrahmani1265 9 หลายเดือนก่อน

    Please i need how to change css variables using js

  • @tamirhalperin2404
    @tamirhalperin2404 6 หลายเดือนก่อน

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

  • @stayflippinghard1
    @stayflippinghard1 11 หลายเดือนก่อน

    how do you make it that color
    the css

  • @diego5963
    @diego5963 8 หลายเดือนก่อน +1

    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
      @slayingthedragon  8 หลายเดือนก่อน +1

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

    • @diego5963
      @diego5963 8 หลายเดือนก่อน +1

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

  • @SriramulaVenkataKrishnaKarthik
    @SriramulaVenkataKrishnaKarthik 10 หลายเดือนก่อน

    when JS course will be launched?

  • @parasuramkagitha2951
    @parasuramkagitha2951 ปีที่แล้ว +2

    • @parasuramkagitha2951
      @parasuramkagitha2951 ปีที่แล้ว +2

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

  • @XantaranPatar
    @XantaranPatar ปีที่แล้ว

    what font you use ???

  • @VishwashBhusal
    @VishwashBhusal 10 หลายเดือนก่อน +1

    ❤❤

  • @Chiaros
    @Chiaros ปีที่แล้ว

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

  • @webdevelopment-y2k
    @webdevelopment-y2k 8 หลายเดือนก่อน +1

    why you stop posting vedios ????

    • @slayingthedragon
      @slayingthedragon  8 หลายเดือนก่อน +1

      13 hour video on the way

    • @webdevelopment-y2k
      @webdevelopment-y2k 8 หลายเดือนก่อน +1

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

  • @위그거거덩
    @위그거거덩 ปีที่แล้ว +1

    😍

  • @cherryking67
    @cherryking67 9 หลายเดือนก่อน +1

    Make more video free 🙌🙌 please🥺🥺

  • @daniel_cfh2783
    @daniel_cfh2783 8 หลายเดือนก่อน

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

    • @daniel_cfh2783
      @daniel_cfh2783 8 หลายเดือนก่อน

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

    • @slayingthedragon
      @slayingthedragon  8 หลายเดือนก่อน +1

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

  • @BibekGotame
    @BibekGotame 9 หลายเดือนก่อน +2

    Post some video myan. Eagerly waiting for

  • @marufkhan9400
    @marufkhan9400 7 หลายเดือนก่อน +1

    ❤❤

  • @BibekGotame
    @BibekGotame 9 หลายเดือนก่อน +2

    Post some video myan. Eagerly waiting for