#35 CSS Variables Tutorial [ CSS Var ] - CSS Full Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ม.ค. 2025

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

  • @DevDreamer
    @DevDreamer  4 ปีที่แล้ว +13

    Found this video helpful? Leave me a comment down below 🙂👍
    Also, let me know what you think about CSS Variables, do you plan on using them? 👇

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

      Thanks , Dev Dreamer. It is really helpful. First, I didn't know that CSS variables are case sensitive until I watched your video.

    • @supersuperfastjellyf
      @supersuperfastjellyf 3 ปีที่แล้ว

      Hey Amit, great video explaining variables - I will use them going forward - any chance of the full code? Would like to see how this lesson works fully for myself - thanks in advance - juz

  • @creativemyvillageatoz8043
    @creativemyvillageatoz8043 2 ปีที่แล้ว

    All your videos are easy way to understand the concept. found great videos for beginners.

  • @skadara9555
    @skadara9555 4 ปีที่แล้ว +4

    Hi Dev Dreamer, welcome back! Another top quality tutorial here. To anyone who has seen the video and is now reading this, I would also recommend the 'Soup of the Day'! :p

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

      Hey skadara! Thank you very much! Lol for anyone who missed it, the ‘Soup of the Day’ can be found at 0:35 😜

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

    This is the best! Thank you very much for teaching this

  • @agi1041
    @agi1041 4 ปีที่แล้ว +4

    I found your channel today. Your explanations are very clear and straight to the point. Thank you.

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

      Hey Andy! This comment means so much to me, I appreciate your great support. May I ask how you found my channel please? Thanks again, stay tuned for more 🙂👍

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

      @@DevDreamer I was looking at other CSS videos. I think yours came up as suggested videos.

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

      Awesome, thanks again Andy! 🙂👍

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

    thank you man this course i learned big things that i dont know before .

  • @kellymaddenartstudio
    @kellymaddenartstudio 2 ปีที่แล้ว

    Great video! Will definitely use variables. Thank you!

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

    Great video

    • @DevDreamer
      @DevDreamer  4 ปีที่แล้ว

      Hey man! Thank you 🙂👍

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

    Very usefully video. Tnq😍

    • @DevDreamer
      @DevDreamer  4 ปีที่แล้ว

      Hey A.B. thank you for the great support brother 👍

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

    Thank you.

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

      Hey Rubel, thanks for watching brother 🙂👍

  • @Bravin_Joshua
    @Bravin_Joshua 2 ปีที่แล้ว

    here to say thank you really helped solidify what I read in mdn. Remember people not to forget to spam the like button.

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

    Sir can you explain scoped variables again please. And are scoped variables specified in parent element and are used in child element?

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

      Of course no problem! So wherever we declare the variable, you can think of this as the container for our variable, so that only elements inside of this container will have access to the variable. When we declare the variable on the :root element, it becomes available to use globally (so by any element in our document). Hope this helps 👍

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

      @@DevDreamer Thankyou so much .. I got it.. :)

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

    Thank you for this high quality video.

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

    What are steamed clams on that menu? We have steamed hams here in Albany

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

    I also saw some docs in source codes using css that used calc() function inside css for calculating sizes of some sort and fractions in css grids, What about that????

  • @kamalCode
    @kamalCode 4 ปีที่แล้ว +3

    Sir, plz admin dashboard pannel in css3

    • @DevDreamer
      @DevDreamer  4 ปีที่แล้ว

      Hey DevKamal, thank you so much for watching be sure to Subscribe and share! Sure that sounds like a good idea 🙂 did you have any particular design in mind that you wanted me to recreate? Perhaps drop a link to it 👍

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

    What if to use it to replace the whole property? Like --var: color: red;

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

      Hey Yernar, first of all thank you for the awesome support, I really appreciate it 🙂👍
      Okay so to answer your question, that wouldn't work. It would be like setting the property value twice, like this color: color: red; This will set the text to the default browser color of black. Good question 👍

    • @erodey3133
      @erodey3133 4 ปีที่แล้ว

      @@DevDreamer I meant instead of typing
      property: var(--var);
      (what if) simply replace it with
      var(--var);
      where --var: property: value;
      Idk if it works out, but it would be awesome if does. And thanks for your videos, they are really helpful!

  • @ca-lt1fc
    @ca-lt1fc 3 ปีที่แล้ว

    HELP DEV DREAMER! Whenever I follow your code examples and use width: and height:, vs code gives me the following error(s): "Do not use width or height when using padding or css(boxModel)"...???

  • @adithyaravichandran3698
    @adithyaravichandran3698 3 ปีที่แล้ว

    i think it would be better to make more replica videos when these things are done