[{"data":1,"prerenderedAt":291},["ShallowReactive",2],{"project-20738584":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":5,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":34,"aspects":35,"strip":41,"post_text":42,"what":43,"said":73,"maker_in_thread":183,"shape":189,"grid":193,"attempts":253,"same_week":254,"maker_shows":32,"maker_hidden":283,"reader_version":284,"card":285},"20738584","color.clss.hk","A little web app for playing around with colors","title","Show HN: A little web app for playing around with colors","https:\u002F\u002Fcolor.clss.hk\u002F","longsangstan",1566228453,2019,106,26,457,2195,21,"notable","creative","color design tool","web_app",[23,24,25,26],"color palette","color picker","color harmony","css colors","debated",0.092,{"positive":30,"neutral":31,"mixed":32,"critical":33},5,3,1,4,13,{"design":36,"performance":37,"execution":39,"idea":40},{"positive":32,"critical":31},{"positive":32,"critical":38},0,{"positive":38,"critical":32},{"positive":31,"critical":38},[31,38,38,30,31,38,30,38,38,32,30,32,32,38,38,32,38,31,38,38,30,31,38,38,38,30],null,{"problem":44,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":50,"openness":70,"stage":71,"team_size":72},{"value":45,"source":46,"evidence":47},"Playing around with and combining colors","inferred",[48],{"id":49},"post",[51,62,66],{"value":52,"source":53,"evidence":54},"Animate.css","maker",[55,59],{"id":56,"by":57,"text":58},"20738937","degenerate","It's using Animate.css by Daniel Eden: https:\u002F\u002Fdaneden.github.io\u002Fanimate.css\u002F",{"id":60,"by":10,"text":61},"20744235","Yes. I also used a react library called Pose: https:\u002F\u002Fpopmotion.io\u002Fpose\u002F",{"value":63,"source":53,"evidence":64},"React",[65],{"id":60,"by":10,"text":61},{"value":67,"source":53,"evidence":68},"Pose (popmotion)",[69],{"id":60,"by":10,"text":61},"open_source","launched","solo",{"praise":74,"objections":99,"requests":139,"questions":166,"alternatives":175},[75,95],{"value":76,"source":77,"evidence":78},"Playful, fun and nostalgic to use","commenter",[79,83,87,91],{"id":80,"by":81,"text":82},"20740060","acdw","This gave me immediate nostalgia for the NES game \"Color a Dinosaur\" -- thanks for the little trip down memory lane!",{"id":84,"by":85,"text":86},"20744553","linkerzx","Feels like I am 5 years old again!",{"id":88,"by":89,"text":90},"20739384","CharlesMerriam2","Pretty",{"id":92,"by":93,"text":94},"20738870","prashnts","Looks pretty cool! I was delighted to see that the page loaded almost instantly, and the transitions, spring animations, all work super smoothly ! I’m usually frustrated with…",{"value":96,"source":77,"evidence":97},"Smooth, fast loading and animations",[98],{"id":92,"by":93,"text":94},[100,115,122,129],{"value":101,"source":77,"evidence":102},"Layout breaks at smaller window sizes and on Safari; controls overlap the image",[103,107,111],{"id":104,"by":105,"text":106},"20740175","pekim","Unfortunately if the window height is much less than about 900px, or if I zoom in, the controls overlap the gradient-wrapper (and some of the image).",{"id":108,"by":109,"text":110},"20739426","jedberg","Look like it doesn't work on Safari (or at least Safari Version 13.0 (15608.1.37) on Catalina). The buttons are below the viewport and I can't scroll to them. It worked fine in…",{"id":112,"by":113,"text":114},"20742709","ac4tw","Confirmed on Safari 12.1.1--albeit different than you mention. Things work fine if I'm fullscreen on a 15\", but if I reduce the window size, I see the color palette & buttons…",{"value":116,"source":77,"evidence":117},"Preview image does not show how colors look when shapes touch",[118],{"id":119,"by":120,"text":121},"20739476","jmiskovic","Very playful and focused. The only issue I have is with the preview image. The image shows islands of colors isolated by big white space. Most color combinations look good in…",{"value":123,"source":77,"evidence":124},"Color harmony theory is questionable",[125],{"id":126,"by":127,"text":128},"20742564","Daub","While I acept the significance of complementary colors, the significance of triadic, split complementary, analogous and split complementary is open to debate. One issue is that…",{"value":130,"source":77,"evidence":131},"Color picker and play area are not connected",[132,136],{"id":133,"by":134,"text":135},"20739673","kaiby","Fun, but I couldn't figure out how to select a color (left-most bottom-menu icon) and have it transfer over to the play area (middle icon).",{"id":137,"by":10,"text":138},"20744689","It is indeed a problem. I am still thinking how to make these two pages work together.. maybe merge the first page into the color picker in second page. Thanks for your feedback!",[140,147,156],{"value":141,"source":77,"evidence":142},"Add overlapping shapes or sample UI\u002Fcharts to the preview",[143,144],{"id":119,"by":120,"text":121},{"id":145,"by":10,"text":146},"20744513","It's really a good point. The graphic now can't really reflects how well do the colors go together. Apart from graphics, I am thinking maybe adding some sample UI\u002Fcharts too...…",{"value":148,"source":77,"evidence":149},"Make it a Chrome dev tools plug-in",[150,153],{"id":151,"by":113,"text":152},"20742724","Interesting idea @longsangstan--I played around with it for a while and liked how the colors would change on reload or palette click. I often muck around with colors using the…",{"id":154,"by":10,"text":155},"20744484","Actually at the beginning I was thinking whether to make a webapp or a chrome extension... A chrome extension is more suitable as a dev tool while a webapp is more easily…",{"value":157,"source":77,"evidence":158},"Add a license to the repository",[159,163],{"id":160,"by":161,"text":162},"20738877","Arkdy","What does it mean when a public github project has no LICENSE file? Am I only legally allowed to view* the source code, but can't download and run it locally? Or can I run it…",{"id":164,"by":10,"text":165},"20744519","Didn't think about that haha. Will add a MIT license later. Thanks!",[167],{"value":168,"source":77,"evidence":169},"What license does the GitHub project use",[170,171],{"id":160,"by":161,"text":162},{"id":172,"by":173,"text":174},"20739057","sb8244","https:\u002F\u002Fhelp.github.com\u002Farticles\u002Fopen-source-licensing\u002F#what-happens-if-i-dont-choose-a-license > You're under no obligation to choose a license. However, without a license, the…",[176],{"value":177,"source":77,"evidence":178},"Coolors",[179],{"id":180,"by":181,"text":182},"20742133","wafflesraccoon","Another cool webapp is Coolors https:\u002F\u002Fcoolors.co\u002Fapp I use it a lot when I need to pick colors for a project.",{"comments":184,"answered":31,"key":185},6,[186,187,188],{"id":145,"text":146},{"id":60,"text":61},{"id":154,"text":155},{"commenters":190,"max_depth":31,"maker_replies":184,"first_comment_mins":191,"lifespan_hours":192},18,29,37,[194,196,198,200,203,205,207,209,211,214,216,217,218,219,222,226,229,230,233,235,237,239,243,246,248,250],[119,38,31,195,120,38],"project\u002Fmixed\u002Fdesign",[145,38,38,197,10,32],"maker\u002Fneutral\u002Fdesign",[126,32,38,199,127,38],"other\u002Fcritical\u002Fidea",[92,201,30,202,93,38],2,"project\u002Fpositive\u002Fperformance",[56,201,31,204,57,38],"project\u002Fneutral\u002Fexecution",[60,201,38,206,10,32],"maker\u002Fneutral\u002Fexecution",[151,31,30,208,113,38],"project\u002Fpositive\u002Fidea",[154,31,38,210,10,32],"maker\u002Fneutral\u002Fidea",[212,31,38,213,113,38],"20754461","commenter\u002Fneutral\u002Fidea",[104,33,32,215,105,38],"project\u002Fcritical\u002Fdesign",[80,30,30,208,81,38],[108,184,32,215,109,38],[112,184,32,215,113,38],[180,220,38,221,181,38],7,"other\u002Fneutral\u002Fnone",[223,220,38,224,225,38],"20742151","other\u002Fcritical\u002Fexecution","OrgNet",[133,227,32,228,134,38],8,"project\u002Fcritical\u002Fexecution",[137,227,38,206,10,32],[160,231,31,232,161,38],9,"project\u002Fneutral\u002Fnone",[172,231,38,234,173,38],"commenter\u002Fneutral\u002Fnone",[164,231,38,236,10,32],"maker\u002Fneutral\u002Fnone",[84,238,30,208,85,38],10,[240,241,31,232,242,38],"20742391",11,"thecleaner",[244,241,38,234,245,38],"20742592","arman_ashrafian",[247,241,38,236,10,32],"20744261",[249,241,38,234,242,38],"20744423",[88,251,30,252,89,38],12,"project\u002Fpositive\u002Fdesign",[],[255,260,265,270,274,279],{"id":256,"name":257,"points":258,"category":259},"20734956","Chart.xkcd",435,"dev_tools",{"id":261,"name":262,"points":263,"category":264},"20725311","Saag as a Service",303,"web_saas",{"id":266,"name":267,"points":268,"category":269},"20723366","ClojureScript pixel game engine with Blender live-reloading",285,"games",{"id":271,"name":272,"points":273,"category":259},"20737035","Crawlab",116,{"id":275,"name":276,"points":277,"category":278},"20704168","Homer",110,"languages",{"id":280,"name":281,"points":282,"category":269},"20745142","Easylang games",102,false,"v2",{"id":286,"name":5,"line":6,"ai":283,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":287,"top":17,"kw":288,"maker":10,"domain":5,"tier":18,"attempts":38,"strip":289,"url":9,"mix":290,"praise":76,"objection":101,"sub":20},20738584,0.09,[23,24,25,26],"30053050015110010300530005",[30,31,32,33],1794036579977]