Page 1 of 1

[Ann] macOS-Style ColorPicker designed for the Web

Posted: Sat Dec 21, 2024 2:30 pm
by Kangaroo SW
Hi everyone,

I’m very happy :lol: to introduce a new macOS-style ColorPicker built specifically for the web. It’s perfect for situations where a native ColorPicker isn’t available.

This ColorPicker is a self-contained group. When integrating it into your project, you might need to adjust the Behavior "Behavior_Move_Pencil" within the ColorPicker group to ensure it functions properly after being copied.

For more information, check out the project on GitHub: https://github.com/RolfKocherhans/ColorPicker

Curious to see it in action? A live demo is hosted on GitHub Pages and is ready to use without any setup.

Take it for a spin here: https://rolfkocherhans.github.io/ColorPicker/

Have fun experimenting with it!

Cheers,
Rolf

PS: The file is too large to post here, even as a ZIP. Please download it from GitHub :D .

Re: [Ann] macOS-Style ColorPicker designed for the Web

Posted: Sat Dec 21, 2024 3:11 pm
by SWEdeAndy
That's impressive work, Rolf!
Very handy in web deployments. Thanks a lot! :D

Re: [Ann] macOS-Style ColorPicker designed for the Web

Posted: Sat Dec 21, 2024 7:43 pm
by richmond62
Is it only me, or do those acronyms such as 'ANN' seem a bit obscure?

Term, Definition, Rating. ANN. Artificial Neural Network.

Re: [Ann] macOS-Style ColorPicker designed for the Web

Posted: Fri Jan 03, 2025 8:12 pm
by richmond62
Rolf: Please accept my apology for what was a slightly silly over-reaction to your use of a particular acronym (you will see that I have modified that post).

I wish you, as well as everyone else hereabouts a Happy 2025.

Best, Richmond.

Re: [Ann] macOS-Style ColorPicker designed for the Web

Posted: Sat Jan 18, 2025 2:38 am
by PaulDaMacMan
Kangaroo SW wrote:
Sat Dec 21, 2024 2:30 pm
Hi everyone,

I’m very happy :lol: to introduce a new macOS-style ColorPicker built specifically for the web. It’s perfect for situations where a native ColorPicker isn’t available.

This ColorPicker is a self-contained group. When integrating it into your project, you might need to adjust the Behavior "Behavior_Move_Pencil" within the ColorPicker group to ensure it functions properly after being copied.

For more information, check out the project on GitHub: https://github.com/RolfKocherhans/ColorPicker

Curious to see it in action? A live demo is hosted on GitHub Pages and is ready to use without any setup.

Take it for a spin here: https://rolfkocherhans.github.io/ColorPicker/

Have fun experimenting with it!

Cheers,
Rolf

PS: The file is too large to post here, even as a ZIP. Please download it from GitHub :D .
Nicely done, more options are always good. Thanks for sharing!

Although I would also note that if you're deploying to the Web you could call HTML5 color picker API via 'do myJSscript as JavaScript", and that should invoke the systems's native color picker.