zetamac.com

Dev tools

color picker widget

SHOW HN2010

73points
35comments
#23of 370 in 2010
Top 7%of 2010 by points

How HN took it

MixedNo clear lean

8 positive, 9 neutral or asking, 1 mixed, 2 critical, out of 20 comments about the project. Thread score +0.24.

Idea: 3 for, 0 againstDocs: 2 for, 0 againstPerformance: 0 for, 1 againstDesign: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Well-done and useful for teaching or quick color picking

    From 3 comments
    • This is really well-done. In terms of suggestions ... how hard would it be to turn it into a jQuery plugin?
      charliepark on HN
    • This actually filled a need I have for showing someone who is only mildly technical how to pick colors for a feature we're testing. Thanks! It looks great!
      jswinghammer on HN
    • Wow. Really incredible work. Mind posting a packer-free version so we can look at the source?
      mynameisraj on HN

Objections

  • Slow performance in Firefox

    From 2 comments
    • Nice! I've been using this one: http://johndyer.name/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx but yours has a few more options. One thing I did notice though is…
      jonah on HN
    • There is a slow down when dragging on left side on the grey, unlike on the right side. Weird performance glitch.
      maushu on HN
  • Cross pointer does not replace arrow pointer in IE9

    From 2 comments
    • Very nice but it would be more usable if the cross pointer would completely replace the arrow pointer.
      olalonde on HN
    • In Safari, Chrome and Firefox, it should. I couldn't get it to work properly on IE9.
      spicyj on HN

Requests

  • Publish unpacked source code

    From 3 comments
    • Wow. Really incredible work. Mind posting a packer-free version so we can look at the source?
      mynameisraj on HN
    • Ditto. I really wanna dig into the source. This is a perfect widget for people to learn some canvas basics from.
      paulirish on HN
    • A sneak preview: http://pastie.org/1117052
      benatkin on HN
  • Add CMYK support

    From 1 comment
    • It would be really cool to see CMYK support - I prefer HSL to RGB to find good colours that work together; but I prefer CMYK to even HSL It would also be cool if multiple copies…
      daychilde on HN
  • Convert to jQuery plugin

    From 1 comment
    • This is really well-done. In terms of suggestions ... how hard would it be to turn it into a jQuery plugin?
      charliepark on HN
  • Keyboard arrow adjustment of values

    From 1 comment
    • very nice! the only thing missing is adjusting the values with the keyboard cursor like in photoshop. Arrow-up: 1% more, Arrow-Shift-Up: 10% more
      nader on HN

Questions

  • What license is the code released under

    From 1 comment
    • I second the "would like to look at the source" and I've got a html5/css3 button maker just waiting on a color picker. What kind of license are you going to distribute it with? I…
      proexploit on HN

Alternatives named

  • Other canvas/SVG JavaScript color pickers (johndyer.name, ecritters, jquery-dropper)

    From 3 comments
    • Nice! I've been using this one: http://johndyer.name/post/2007/09/PhotoShop-like-JavaScript-Color-Picker.aspx but yours has a few more options. One thing I did notice though is…
      jonah on HN
    • If you want to have it much faster, use transparent PNG image for saturation-value rectangle instead of drawing everything in canvas and then just color its background property…
      bd on HN
    • Nice implementation. I spent a lot of time looking at these when I was putting together a UI that needed some color picking. When I read the headline, I thought you may have made…
      sstrudeau on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/1634648)