Reverse-engineering Stripe's themes with CSS custom props

Поділитися
Вставка
  • Опубліковано 2 жов 2024

КОМЕНТАРІ • 26

  • @juxtopposed
    @juxtopposed 11 місяців тому +1

    Happy to see that Realtime Colors was helpful! Great project! 💫

  • @nxtmsa
    @nxtmsa 6 місяців тому

    Isn’t this same as using :root{} and then using variables to store hex colours, hsl or rgb(a) and then using those variables within your css selectors instead of going back and forth html and css?

  • @nxtmsa
    @nxtmsa 6 місяців тому

    38:18
    transition-property:
    transition-duration:
    transition-timing-function:
    Or you could use one css line
    transition: .3s ease-in-out;

  • @nitujha4884
    @nitujha4884 11 місяців тому +1

    Love from Nepal❤❤🇳🇵🇳🇵

  • @yesitsme3726
    @yesitsme3726 11 місяців тому

    Thank you so much for always making great video, love you coder coder
    PS: a few ads won't hurt anyone 😂

  • @dmicsa
    @dmicsa 6 місяців тому

    is there a github repository for this?

  • @mikalgoobric
    @mikalgoobric 11 місяців тому

    thank you so much Jessica :-) I am diving into the Abyss of CSS tethered by your YT and courses.

  • @C___ShohidulIslam
    @C___ShohidulIslam 11 місяців тому

    Hope you are doing great... You inspired me so much❤❤

  • @The32cece
    @The32cece 11 місяців тому

    Ah yay! You are making vids again. Your tutorials have helped me a great deal.

  • @jaywaldluna3158
    @jaywaldluna3158 11 місяців тому

    Thanks idol codercoder! From Philippines ❤

  • @RomanFilenko
    @RomanFilenko 11 місяців тому

    Great stuff, I like that way you explain in your videos. By the way, I think you can omit calc in min or max functions, it should evaluate expression inside it.

    • @TheCoderCoder
      @TheCoderCoder  11 місяців тому

      oh, thank you! I forgot about that 😅

  • @farzadbahadorifar1126
    @farzadbahadorifar1126 11 місяців тому

    this tutorial is great, thanks a milion for that.

  • @FixedWing82
    @FixedWing82 11 місяців тому

    You are cool and I like your videos

  • @helomydestiny8431
    @helomydestiny8431 11 місяців тому

    hey i'm a newbie in this computer science , what language should i learn first ? cause there are many tutorials on the internet and they're not efficient for me . And where can i learn the basics , i want to learn all the basics i need to know and then i'll move directly into a project ( make a game , make a website .... ) . I want to learn through real coding not just by tutorials through youtube videos and many advanced things that i barely to understand . As a genius like coder , i hope you will help me . Thanks , have a nice day ❤❤

    • @loubnina93
      @loubnina93 11 місяців тому

      I have the same quetion ??

    • @TheCoderCoder
      @TheCoderCoder  11 місяців тому +2

      It depends on what you want to become: software engineer, game developer, mobile app developer. Look on UA-cam for road map videos and then follow them. Good luck!

    • @dixztube
      @dixztube 2 місяці тому

      Id learn computer/programming concepts first and would recommend go for server. It’s easy to pick up and gives you a language where that knowledge can be applied (vs JavaScript) which you’ll need to learn eventually
      After a while c or rust will be accessible. That’s my two cents.

  • @gertbadger6754
    @gertbadger6754 11 місяців тому

    I love your videos.

  • @troyharris279
    @troyharris279 11 місяців тому +1

    I planned on doing something like this for my universities Cybersecurity page to make my own version of it.
    Inspection is such a good friend 😅, thank you for such a great video!

  • @itsfoss5268
    @itsfoss5268 11 місяців тому

    Love you coder coder ❤

  • @preggah
    @preggah 11 місяців тому

    🙂 semma vedio akka

  • @HowPortal
    @HowPortal 11 місяців тому

    They called CSS variables not properties.

    • @TheCoderCoder
      @TheCoderCoder  11 місяців тому +4

      You can use both, but custom properties is the official term. From MDN: "Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document."