Pickr - An Awesome Color Picker for your next Project!

Тәжірибелік нұсқаулар және стиль

skl.sh/designcourse24 - First 500 people to sign up will get their first 2 months free!
designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, I'm going to show you how to install and use Pickr, which is an insanely simple (but highly customizable) color picker! It's very easy to get up and running, and I will show you how to actually do something with the color picker (by changing the background color of a div, for instance!).
github.com/Simonwep/pickr
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 36

  • @DesignCourse
    @DesignCourse5 жыл бұрын

    Enjoy? Sub up already!

  • @geoffjames992
    @geoffjames9925 жыл бұрын

    Great tipoff on the color picker, Gary! Good find, and nice tutorial (as always). Going to need something like this in a near-future project I'll be building, so this definitely came at the right time 👊😎

  • @LiooRyuuguu
    @LiooRyuuguu5 жыл бұрын

    Nice, I am actually currently working on a project where I need a color picker at some point. What a nice coincidence that you just hit with a video on that topic ^^

  • @MultiMigh
    @MultiMigh5 жыл бұрын

    Spent an hour or so fooling around with color-picker for the first time for a project that requires one, I take a break, hop on youtube, and recommendations show you uploaded that video 5 hours ago. That's some next level coincidence here!

  • @titus7770
    @titus77705 жыл бұрын

    Lmao I thought this was a video on like a color picker that would create a pallet or something but I was damn wrong.

  • @mustafaalfar7936
    @mustafaalfar79365 жыл бұрын

    I've tried to use it in my React App. However I can't implement it. Could you give us the way ?

  • @riverside2563
    @riverside25635 жыл бұрын

    Hmm... Very simple and Very powerful plugin. Thank you

  • @VitruvianAlgo
    @VitruvianAlgo5 жыл бұрын

    its weird how you seem to always pick nuanced video titles that covers critical small parts of my projects. thanx man! i appreciate.

  • @TechyRajputYT
    @TechyRajputYT5 жыл бұрын

    can i use this in my project. is it produce cross domain script security issue??

  • @bicksonning7345
    @bicksonning73454 жыл бұрын

    How can I change both background color and font color using this colorpicker?

  • @altb3272
    @altb32723 жыл бұрын

    Thank you very much!

  • @farhangmdc
    @farhangmdc6 ай бұрын

    Thanks for sharing. :)

  • @NeonDynamics
    @NeonDynamics5 жыл бұрын

    Best teacher

  • @maliktube
    @maliktube2 жыл бұрын

    when i am refreshing my browser the color gets change to orange as i did first in css. Please help me related to that

  • @steveringwood2224
    @steveringwood22245 жыл бұрын

    Thanks for the video. You can simplify setting the background color to panel.style.backgroundColor = color.toString();

  • @manpreetkaur-cf2wj
    @manpreetkaur-cf2wj2 жыл бұрын

    how to create dynamically logo color change tool?

  • @charlenep.2718
    @charlenep.2718 Жыл бұрын

    I am getting this error: pickr.js:222 Uncaught TypeError: Cannot read properties of null (reading 'parentNode') at r._finalBuild (pickr.js:222:20) at new e (pickr.js:128:14) at Function.create (pickr.js:176:32) at index.html:48:29 What is the solution? Thanks

  • @asmashaikh3728
    @asmashaikh37285 жыл бұрын

    Very good video!! Thanks for sharing!! Gary, do you have any live example of its usage? 😋

  • @DesignCourse

    @DesignCourse

    5 жыл бұрын

    Their github has a demo link available. Github url is in the desc. of this video.

  • @asmashaikh3728

    @asmashaikh3728

    5 жыл бұрын

    @@DesignCourse thanks for your answer!! I have another question not related to this video.It is about a project I am working on. Can I ask it here or some other platform?

  • @AllenMarsam
    @AllenMarsam5 жыл бұрын

    thanks^^

  • @AndresDiaz-jg5ib
    @AndresDiaz-jg5ib2 ай бұрын

    Buena pai 👏

  • @arnabdas7145
    @arnabdas71455 жыл бұрын

    can do the same ?? :-/

  • @Rassy_

    @Rassy_

    4 жыл бұрын

    Didn't know that , although its very 1980 ish :)

  • @BrewskaySA
    @BrewskaySA5 жыл бұрын

    Dude, that transition was so freaking cool!!! I have to know how you did that???? at the @1:31 min mark

  • @DesignCourse

    @DesignCourse

    5 жыл бұрын

    I bought a transition from videohive.net, modified it to work with my vMix software. So, whenever I hit a side mouse button while recording live, the transition shows and directs to my desktop feed (and vice versa).

  • @BrewskaySA

    @BrewskaySA

    5 жыл бұрын

    @@DesignCourse Oh thats cool work smart not hard eh? I will check videohive out too then. Thanks for the hot tip!

  • @robertmaracine3126
    @robertmaracine31265 жыл бұрын

    Yay

  • @danny-gz8if
    @danny-gz8if5 жыл бұрын

    Lol... im from your pc part picker post.

  • @maxwalter6265
    @maxwalter62655 жыл бұрын

    Yo iro.js.org is something you should check out!

  • @fashionnova3298
    @fashionnova32984 жыл бұрын

    u can also use html-color-code.com

  • @vladimir_dev
    @vladimir_dev5 жыл бұрын

    Let's hear all the Slavic people giggling because of the name :D

  • @johnmarkranches161
    @johnmarkranches1613 жыл бұрын

    [eb349b] Thanks

Келесі