Build a Color Palette Generator in JavaScript - Javascript beginner tutorial

Поделиться
HTML-код
  • Опубликовано: 12 сен 2021
  • Learn how to build a color (colour) palette generator in vanilla javascript. Learn to use javascript 'class' and much more!
    Repo: github.com/TylerPottsDev/yt-j...
    // MY GEAR FOR CODING AND RUclips
    Blue Yeti Microphone: amzn.to/3jr3l7T
    Microphone Stand: amzn.to/35B9LMN
    Chair: amzn.to/3dWds3F
    Thunderbolt Dock: amzn.to/3osBF6u
    Monitor: amzn.to/37I8KoR
    Screenbar Light: amzn.to/3iFRS7w
    All of these products I own and have tested!
    // JOIN THE NEW DISCORD SERVER!
    / discord
    // FOLLOW ME ON TWITTER
    / tyler_potts_
    // INTERESTED IN GAME DEV?
    Game development channel: / muddywolf
    // CHECK OUT MY GAME
    play.google.com/store/apps/de...
    // DO THESE SIMPLE STEPS
    LIKE, SUBSCRIBE & SHARE
  • ХоббиХобби

Комментарии • 17

  • @in_akm
    @in_akm 2 года назад +1

    Love this project. Hoping more JS projects like this!!

  • @dexter3943
    @dexter3943 2 года назад

    Another great tutorial btw what was that giving you suggestions while you were coding javascript that really looked useful how can i turn that on?

  • @sulphurr
    @sulphurr 2 года назад

    nice

  • @unsalad
    @unsalad Год назад

    feeling sad and good at the same time to know that i wasn't the only one with the lock idea

  • @happilydesigning
    @happilydesigning Год назад

    Can I use this tool on my existing Wordpress site?

  • @kaiyuyeo1447
    @kaiyuyeo1447 2 года назад +2

    Hi Tyler, at 3:10 you typed "script:src", then hit [Tab] to complete the code. What kind of notation is that called? And is there a resource to learn from? It looked like a much faster way to code.

    • @TylerPotts
      @TylerPotts  2 года назад +1

      That's called Emmet and its built into VS Code!!!!

    • @in_akm
      @in_akm 2 года назад

      its a inbuild feature of VS Code. You must try it too!!

  • @bugraotken
    @bugraotken 2 года назад

    I really don't know why but this CSS part is not working for me, "Space" text is not appearing. Using Chrome.
    .generator-button {
    color: var(--primary);
    font-size: inherit;
    font-weight: 700;
    background: linear-gradient(to bottom-right, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.4s ease-out;
    }

  • @user-cf3gi9zj3i
    @user-cf3gi9zj3i 2 года назад

    Ждём твоё новое видео с VueJs😁😁

  • @onelook1870
    @onelook1870 2 года назад +3

    Hey can you do tutorial on how to clone trello

    • @TylerPotts
      @TylerPotts  2 года назад +1

      That's something I want to do 😅

    • @onelook1870
      @onelook1870 2 года назад

      @@TylerPotts React or Vanilla?

    • @adwiyadeshpande9683
      @adwiyadeshpande9683 2 года назад +1

      @@onelook1870 what if he says vue?

    • @TylerPotts
      @TylerPotts  2 года назад

      Not sure, I doubt react it's more a case of VueJS or Vanilla for me....

    • @onelook1870
      @onelook1870 2 года назад

      @@TylerPotts ohh I don't know vue😬

  •  2 года назад +1