[{"data":1,"prerenderedAt":521},["ShallowReactive",2],{"project-10872143":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":44,"post_text":46,"what":47,"said":66,"maker_in_thread":207,"shape":217,"grid":222,"attempts":481,"same_week":482,"maker_shows":17,"maker_hidden":513,"reader_version":514,"card":515},"10872143","gradient.quasi.ink","A tool to generate beautiful gradient background images","title","Show HN: I've made a tool to generate beautiful gradient background images","http:\u002F\u002Fgradient.quasi.ink","kowdermeister",1452362347,2016,448,94,26,2264,2,"legend","creative","gradient background generator","web_app",[23,24,25,26],"gradient background","css gradient","background image generator","web design","mixed",-0.041,{"positive":30,"neutral":31,"mixed":32,"critical":33},13,24,0,17,54,{"execution":36,"design":39,"idea":40,"performance":42},{"positive":37,"critical":38},3,11,{"positive":37,"critical":37},{"positive":41,"critical":17},5,{"positive":32,"critical":43},1,[32,32,32,32,32,32,37,43,17,43,41,43,37,37,32,43,37,43,37,37,41,37,45,43,32,43,37,41,41,41,37,45,41,43,17,37,37,41,43,37],4,null,{"problem":46,"audience":46,"pricing":46,"motivation":46,"time_to_build":46,"stack":48,"openness":64,"stage":65,"team_size":64},[49,56,60],{"value":50,"source":51,"evidence":52},"JavaScript","maker",[53],{"id":54,"by":10,"text":55},"10872644","Gulp for SASS and Webpack for ES6 transpilation. Dat.GUI button is a good way to go, I'll definitely accept a PR. Thanks in advance.",{"value":57,"source":51,"evidence":58},"Gulp (SASS)",[59],{"id":54,"by":10,"text":55},{"value":61,"source":51,"evidence":62},"Webpack (ES6)",[63],{"id":54,"by":10,"text":55},"unknown","launched",{"praise":67,"objections":84,"requests":122,"questions":162,"alternatives":188},[68],{"value":69,"source":70,"evidence":71},"Useful for web backgrounds and lightweight CSS","commenter",[72,76,80],{"id":73,"by":74,"text":75},"10872590","sccxy","Agree Rather scroll through 1KB than 2MB.",{"id":77,"by":78,"text":79},"10872503","BinaryBullet","Good job on this- very cool. I think it'd be a nice addition to have a \"randomize settings\" button, or perhaps allow a \"travel\" mode where the x\u002Fy positions change in smaller…",{"id":81,"by":82,"text":83},"10873668","atriantafy","Love it. I'll definitely use it. Thank you!",[85,96,115],{"value":86,"source":70,"evidence":87},"Gradients look harsh or not beautiful",[88,92],{"id":89,"by":90,"text":91},"10872835","forrestthewoods","This is not beautiful. It's ugly. The lines are very harsh. No artist would make something that looks like this. Props for the effort. It was clever idea. But it didn't work. I'm…",{"id":93,"by":94,"text":95},"10873029","fiatjaf","Not very beautiful.",{"value":97,"source":70,"evidence":98},"Inconsistent smoothing across browsers, pixelated in Firefox",[99,103,107,111],{"id":100,"by":101,"text":102},"10872849","spyder","In Firefox the gradient is not as smooth as in Chrome, looks like they are using different scaling algorithms. It's more noticeable with higher sample area settings:…",{"id":104,"by":105,"text":106},"10872364","cardamomo","This doesn't seem to work for Firefox on Android. Instead, I see three giant pixels, with a discrete border between them.",{"id":108,"by":109,"text":110},"10872466","pygy_","It's actually a very low resoluton image (3x7 by default), stretched using the bilinear filtering provided by the browser. Chrome and Safari produce smooth images. Firefox for…",{"id":112,"by":113,"text":114},"10873035","cpeterso","For me, Firefox renders boxy pixels on OS X and smooth gradient on Windows. I filed a Firefox bug for this difference in scaling: https:\u002F\u002Fbugzil.la\u002F1238304",{"value":116,"source":70,"evidence":117},"Requires JavaScript, no noscript fallback",[118],{"id":119,"by":120,"text":121},"10872491","sandworm101",">> The browser's image smoothing algorithm takes care of the rest. So it doesn't survive noscript? Without scripts the OP is just a black background. Call me old, but I'd rather…",[123,133,141,152],{"value":124,"source":70,"evidence":125},"Export as PNG or JPEG at arbitrary size",[126,130],{"id":127,"by":128,"text":129},"10872497","rrauenza","This may be counter to your original design intent, but I know people who would like to put these gradients into powerpoint. Would you be able to generate an arbitrarily sized…",{"id":131,"by":10,"text":132},"10872529","Good idea and yes, it's certainly doable and it's on the todo list.",{"value":134,"source":70,"evidence":135},"Randomize button",[136,137,140],{"id":77,"by":78,"text":79},{"id":138,"by":78,"text":139},"10872609","I just noticed that :) Was working on adding a randomize button, but having trouble building. Are you using gulp or webpack or a combination? I'll submit a PR after editing this…",{"id":54,"by":10,"text":55},{"value":142,"source":70,"evidence":143},"Bicubic interpolation for smoother output",[144,148],{"id":145,"by":146,"text":147},"10872778","Aardwolf","Bilinear filtering doesn't look that great to me, is there a way to get bicubic interpolation or similar?",{"id":149,"by":150,"text":151},"10873270","IvanK_net","Yeah, seems like it is bilinear interpolation in Firefox and bicubic in Chrome. https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FBicubic_interpolation",{"value":153,"source":70,"evidence":154},"Support custom uploaded images via saved URLs",[155,159],{"id":156,"by":157,"text":158},"10872237","kinduff","Lovely app, I like this type of gradient backgrounds. Came to my mind the decision you made to not be able to generate a custom link for uploaded images, and I wonder, is there a…",{"id":160,"by":10,"text":161},"10872271","Thanks :) It can be done, but the because of URL limits, the image should be saved. I plan to allow full scale downloads and I might just store custom uploads too.",[163,177],{"value":164,"source":70,"evidence":165},"Is the image copyright status acceptable for derivative use",[166,170,174],{"id":167,"by":168,"text":169},"10872484","troymc","The image is a derivative work; it's derived from the original stock image. If the stock image is protected by copyright, and you don't have a license to use it (for anything),…",{"id":171,"by":172,"text":173},"10872498","tdumitrescu","According to the page: \"The images used in the project are all public domain stock images.\"",{"id":175,"by":109,"text":176},"10872520","Indeed, but it is derivative, not fair use. If the source can be used and modified freely (public domain, appropriate Creative Commons subtype), then it is also the case for the…",{"value":178,"source":70,"evidence":179},"Does it render consistently across browsers",[180,184],{"id":181,"by":182,"text":183},"10872454","kyberias","Is this guaranteed (by web standards) to show correctly on all browsers?",{"id":185,"by":186,"text":187},"10873448","Negative1","I love this -- Nicely done! Does anyone know; is the smoothing guaranteed to be consistent across multiple browsers (I'm guessing it's done on GPU when possible with a software…",[189,196,203],{"value":190,"source":70,"evidence":191},"CSS filter blur",[192],{"id":193,"by":194,"text":195},"10872915","jameslk","There's also the CSS property `filter: blur(\u003Clength>)` which basically has the same effect with a high enough length value. Not every browser supports it yet, of course (i.e.,…",{"value":197,"source":70,"evidence":198},"Random CSS gradient Chrome extension",[199],{"id":200,"by":201,"text":202},"10872588","chrisallick","If you love gradients and randomness: https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Frandom-gradient\u002Fgaklopmcfgbcdnehdleeocjfhaipajgf?hl=en-US",{"value":204,"source":70,"evidence":205},"Unique gradient generator on GitHub",[206],{"id":77,"by":78,"text":79},{"comments":38,"answered":208,"key":209},8,[210,211,214],{"id":131,"text":132},{"id":212,"text":213},"10872724","If you press escape you can hide all the UI, I added this feature for screenshots.",{"id":215,"text":216},"10872540","You can, using the 'image-rendering' property, but on Mac FF this appears to have no effect. https:\u002F\u002Fcss-tricks.com\u002Falmanac\u002Fproperties\u002Fi\u002Fimage-rendering\u002F",{"commenters":218,"max_depth":219,"maker_replies":38,"first_comment_mins":220,"lifespan_hours":221},69,6,21,53,[223,227,229,232,235,237,240,243,246,249,251,254,257,261,264,266,269,271,273,277,280,283,284,285,287,291,293,296,298,300,303,305,308,312,315,319,320,324,326,327,329,332,335,339,341,343,345,347,348,349,352,355,359,362,365,369,371,373,376,380,382,383,386,390,394,397,401,404,408,410,411,415,417,418,422,425,427,432,436,440,445,448,451,452,453,456,460,463,466,468,470,472,475,477],[224,32,32,225,226,32],"10872492","other\u002Fneutral\u002Fdesign","lewisl9029",[73,32,32,228,74,32],"commenter\u002Fneutral\u002Fdesign",[230,32,32,228,231,32],"10872673","mduerksen",[233,32,32,228,234,32],"10872791","rokhayakebe",[236,32,32,228,226,32],"10872823",[238,32,32,225,239,32],"10872954","prawn",[241,32,32,225,242,32],"10873033","nostromo",[244,32,32,225,245,32],"10884449","togedoge",[247,32,32,225,248,32],"10874548","hkmurakami",[250,32,32,228,231,32],"10873051",[252,32,32,225,253,32],"10872681","sadkingbilly",[255,32,32,225,256,32],"10873192","colinbartlett",[258,32,32,259,260,32],"10872768","commenter\u002Fneutral\u002Fnone","ethanbond",[262,32,32,228,263,32],"10873834","orthoganol",[193,43,37,265,194,32],"project\u002Fneutral\u002Fexecution",[267,43,37,265,268,32],"10874176","mortenjorck",[100,17,43,270,101,32],"project\u002Fcritical\u002Fexecution",[272,17,43,270,194,32],"10872879",[274,17,41,275,276,32],"10872992","project\u002Fpositive\u002Fdesign","javajosh",[278,17,43,270,279,32],"10873018","mintplant",[281,17,43,270,282,32],"10873021","such_a_casual",[112,17,43,270,113,32],[149,17,37,265,150,32],[286,17,37,265,268,32],"10874181",[288,37,41,289,290,32],"10872349","project\u002Fpositive\u002Fidea","bhauer",[89,45,43,292,90,32],"project\u002Fcritical\u002Fdesign",[294,45,32,228,295,32],"10876502","jpindar",[127,41,37,297,128,32],"project\u002Fneutral\u002Fidea",[131,41,32,299,10,43],"maker\u002Fpositive\u002Fidea",[301,41,37,297,302,32],"10872634","ryanmonroe",[212,41,32,304,10,43],"maker\u002Fneutral\u002Fdesign",[306,219,37,297,307,32],"10872464","SeanDav",[309,219,32,310,311,32],"10872726","commenter\u002Fneutral\u002Fperformance","detaro",[313,219,32,310,314,32],"10872781","foldr",[316,317,32,318,150,32],"10873256",7,"other\u002Fpositive\u002Fidea",[104,208,43,270,105,32],[321,208,32,322,323,32],"10872424","other\u002Fneutral\u002Fnone","lqdc13",[325,208,32,322,279,32],"10872994",[108,208,37,265,109,32],[215,208,32,328,10,43],"maker\u002Fneutral\u002Fexecution",[330,208,32,331,109,32],"10872725","commenter\u002Fneutral\u002Fexecution",[333,208,43,270,334,32],"10872951","tombrossman",[336,337,43,292,338,32],"10873867",9,"ycombobreaker",[77,340,41,289,78,32],10,[342,340,37,328,109,32],"10872543",[344,340,32,331,78,32],"10872627",[346,340,32,299,10,43],"10872577",[138,340,41,289,78,32],[54,340,32,299,10,43],[350,38,37,297,351,32],"10872591","namuol",[353,38,32,354,10,43],"10872626","maker\u002Fneutral\u002Fidea",[356,38,43,357,358,32],"10873190","project\u002Fcritical\u002Fidea","markdown",[185,360,41,361,186,32],12,"project\u002Fpositive\u002Fexecution",[363,30,41,289,364,32],"10872434","accordionclown",[366,367,43,270,368,32],"10872537",14,"euph0ria",[370,367,32,328,10,43],"10872599",[372,367,32,331,368,32],"10872607",[374,367,32,375,368,32],"10872698","commenter\u002Fpositive\u002Fexecution",[377,378,32,322,379,32],"10873214",15,"pteredactyl",[145,381,43,270,146,32],16,[200,33,37,297,201,32],[384,33,43,270,385,32],"10872606","Ao7bei3s",[387,388,41,289,389,32],"10874650",18,"fratlas",[391,392,41,361,393,32],"10872619",19,"thekingshorses",[395,392,32,259,396,32],"10873960","x0",[398,399,32,322,400,32],"10872864",20,"mistercow",[402,220,41,275,403,32],"10872345","jeremyleach",[405,220,37,406,407,32],"10872439","project\u002Fneutral\u002Fdesign","riebschlager",[156,409,41,361,157,32],22,[160,409,32,328,10,43],[412,413,37,406,414,32],"10872222",23,"pbnjay",[416,413,32,304,10,43],"10872250",[181,31,37,265,182,32],[419,420,41,275,421,32],"10872772",25,"city41",[423,15,37,297,424,32],"10872266","CharlesW",[426,15,32,354,10,43],"10872284",[428,429,41,430,431,32],"10872565",27,"project\u002Fpositive\u002Fnone","rcurry",[433,434,37,406,435,32],"10872262",28,"nailer",[437,438,43,357,439,32],"10872945",29,"stuaxo",[441,442,43,443,444,32],"10872261",30,"project\u002Fcritical\u002Fperformance","inlineint",[446,442,37,447,109,32],"10872499","project\u002Fneutral\u002Fperformance",[167,449,37,450,168,32],31,"project\u002Fneutral\u002Fnone",[171,449,37,450,172,32],[175,449,32,259,109,32],[454,449,37,450,455,32],"10872770","rzzzt",[457,458,37,450,459,32],"10872280",32,"amelius",[461,458,32,462,10,43],"10872289","maker\u002Fneutral\u002Fnone",[464,458,37,450,465,32],"10875217","fractallyte",[81,467,41,430,82,32],33,[93,469,43,292,94,32],34,[119,471,43,270,120,32],35,[473,471,37,265,474,32],"10872495","Sir_Cmpwn",[476,471,32,259,120,32],"10872501",[478,479,37,297,480,32],"10873114",36,"thatguyyouknow",[],[483,488,493,498,503,508],{"id":484,"name":485,"points":486,"category":487},"10896901","awk-raycaster",350,"games",{"id":489,"name":490,"points":491,"category":492},"10890531","2Sli.de",244,"productivity",{"id":494,"name":495,"points":496,"category":497},"10869046","Charme",167,"consumer_social",{"id":499,"name":500,"points":501,"category":502},"10897121","Patchwork",122,"security_privacy",{"id":504,"name":505,"points":506,"category":507},"10887071","Libconcurrent",91,"languages",{"id":509,"name":510,"points":511,"category":512},"10858327","Penny",89,"finance_crypto",false,"v2",{"id":516,"name":5,"line":6,"ai":513,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":517,"top":17,"kw":518,"maker":10,"domain":5,"tier":18,"attempts":32,"strip":519,"url":9,"mix":520,"praise":69,"objection":86,"sub":20},10872143,-0.04,[23,24,25,26],"0000003121513301313353410135553451233513",[30,31,32,33],1794036539463]