[{"data":1,"prerenderedAt":463},["ShallowReactive",2],{"project-16695667":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":46,"post_text":48,"what":49,"said":80,"maker_in_thread":233,"shape":245,"grid":248,"attempts":424,"same_week":425,"maker_shows":283,"maker_hidden":455,"reader_version":456,"card":457},"16695667","Egg Gradients","Gradient color inspirations","title","Show HN: Egg Gradients – Gradient color inspirations","https:\u002F\u002Fwww.eggradients.com\u002F","eggradients.com","serhadiletir",1522216260,2018,186,76,197,2155,10,"notable","creative","color inspiration gallery","web_app",[24,25,26,27],"gradient colors","color palette","css gradients","design inspiration","debated",0.014,{"positive":31,"neutral":32,"mixed":33,"critical":34},13,17,3,11,44,{"design":37,"idea":40,"execution":43,"docs":45},{"positive":38,"critical":39},8,4,{"positive":41,"critical":42},5,7,{"positive":44,"critical":44},0,{"positive":44,"critical":44},[33,41,33,41,47,33,44,47,47,41,44,33,41,44,33,41,33,41,47,44,44,33,33,33,33,47,33,41,44,47,44,44,47,33,41,47,44,33,41,33],1,null,{"problem":50,"audience":62,"pricing":48,"motivation":48,"time_to_build":48,"stack":66,"openness":78,"stage":79,"team_size":78},{"value":51,"source":52,"evidence":53},"Finding gradient color combinations for design work","inferred",[54,58],{"id":55,"by":56,"text":57},"16698913","john_borkowski","You should add a search bar at the top that will filter based on similar colors. I usually know in general what color scheme I want when building something, but need to search…",{"id":59,"by":60,"text":61},"16695678","flamtap","I'd love if I could filter this by target color(s), and see a subset that approximate that selection. Being able to select \"red to orange\" or \"blue to green\" would be great! Even…",{"value":63,"source":52,"evidence":64},"Web designers and developers choosing color schemes",[65],{"id":55,"by":56,"text":57},[67,74],{"value":68,"source":69,"evidence":70},"CSS","maker",[71],{"id":72,"by":11,"text":73},"16697962","because I learned to do egg shape in CSS. Ironically, I add all as SVG so that it's easier on CMS.",{"value":75,"source":69,"evidence":76},"SVG",[77],{"id":72,"by":11,"text":73},"unknown","launched",{"praise":81,"objections":119,"requests":164,"questions":203,"alternatives":224},[82,98,109],{"value":83,"source":84,"evidence":85},"Visually pleasing and clean design","commenter",[86,90,94],{"id":87,"by":88,"text":89},"16696161","boffinism","This website on my mobile browser is the most visually pleasing experience I've had today. Bravo.",{"id":91,"by":92,"text":93},"16696768","eudoxus","I second this. Came here to comment the same thing and figured I'd check if someone already had. Love the website, exceptionally clean and well designed.",{"id":95,"by":96,"text":97},"16699068","rajacombinator","The eggs are oddly appealing!",{"value":99,"source":84,"evidence":100},"Unique, fun gradient names",[101,105],{"id":102,"by":103,"text":104},"16695831","fluxsauce","Those are... unique names.",{"id":106,"by":107,"text":108},"16695953","besasam","Those names are really something. Love it.",{"value":110,"source":84,"evidence":111},"Unobtrusive affiliate ads blend with content",[112,116],{"id":113,"by":114,"text":115},"16696229","pmx","I really love how well it blends in with the rest of the content. I noticed it right away but it's not distracting enough to be annoying. Nice work!",{"id":117,"by":107,"text":118},"16696488","I really enjoyed that too, this is exactly how you do unobtrusive ads. I'd maybe put them on gradient backgrounds too, since the black disrupts the visual flow a bit.",[120,127,142,149],{"value":121,"source":84,"evidence":122},"Gradients are too similar, dominated by magenta and turquoise",[123],{"id":124,"by":125,"text":126},"16698754","koprfq","Most of the gradients are slight variations of magenta and turquoise. All the websites go for that now. I see a lot of hipstery designer stuff with that look. Vaporwave \u002F…",{"value":128,"source":84,"evidence":129},"Some gradient names are offensive or tasteless",[130,134,138],{"id":131,"by":132,"text":133},"16698508","jasonmp85","Number nine is \"Homeless Man's Joy\". That's a great look for our community.",{"id":135,"by":136,"text":137},"16698940","OskarS","Ugh, yeah. There's a whole bunch of names that are incredibly shitty. Fuck this site.",{"id":139,"by":140,"text":141},"16697597","baking","Make that random names with an apparent alt-right flavor. Yay for the internet.",{"value":143,"source":84,"evidence":144},"Ads mixed into content feel manipulative",[145],{"id":146,"by":147,"text":148},"16696761","ktpsns","Actually, I don't like it when advertising is mixed into\u002Fentangled with content. At the first glance, from the authors perspective, it sounds tricky because it is unobstructive…",{"value":150,"source":84,"evidence":151},"Too similar to existing gradient sites",[152,156,160],{"id":153,"by":154,"text":155},"16696309","phelm","Nice page, Seems very similar to https:\u002F\u002Fwebgradients.com",{"id":157,"by":158,"text":159},"16697326","serg_chernata","I would say a little too similar.",{"id":161,"by":162,"text":163},"16697625","qrohlf","Another http:\u002F\u002Fuigradients.com\u002F, but with some very, um, brogrammer-y naming decisions. I'm somewhat confused as to why this is on the front page.",[165,170,185,196],{"value":166,"source":84,"evidence":167},"Filter gradients by color or hex code",[168,169],{"id":59,"by":60,"text":61},{"id":55,"by":56,"text":57},{"value":171,"source":84,"evidence":172},"Button to set gradient as page background",[173,177,181],{"id":174,"by":175,"text":176},"16695836","akmittal","It would be great if there was a button to set gradient as background for preview.",{"id":178,"by":179,"text":180},"16697530","maximp","This is cool! One of the top comments on Indiehackers (if I remember correctly) was to click on an egg to change the background color - I'm gonna echo that here. Love the…",{"id":182,"by":183,"text":184},"16697355","have_faith","Like them a lot. A button to make the background #333 would be nice.",{"value":186,"source":84,"evidence":187},"Clearer, clickable ad links with pointer cursor",[188,192],{"id":189,"by":190,"text":191},"16696372","csallen","I also like the ads, nice job. Some tips: You should increase the surface area of your \u003Ca> tags in the ads. Ideally they would cover the whole card and the egg, too. Also,…",{"id":193,"by":194,"text":195},"16696825","QuelqueChose","Agreed that I was very confused in not seeing a pointer cursor on hovering _anywhere_ on the Ad card... any way this could have been made as a conscious decision to minimize the…",{"value":197,"source":84,"evidence":198},"Way to share a specific egg via link",[199],{"id":200,"by":201,"text":202},"16704508","clusmore","Is there any easy way to share an egg? I showed this to my colleagues at work and was trying to share a particular egg, but couldn't spot anything clickable for this. Inspecting…",[204,210,217],{"value":205,"source":84,"evidence":206},"Why the egg shape?",[207],{"id":208,"by":209,"text":205},"16697848","jwilk",{"value":211,"source":84,"evidence":212},"Are the names generated?",[213],{"id":214,"by":215,"text":216},"16696804","hycaria","Are they generated ?",{"value":218,"source":84,"evidence":219},"Lessons learned from the affiliate ads",[220],{"id":221,"by":222,"text":223},"16695994","raymondgh","The webflow ads have piqued my interest. A lot of nice little projects are shown on Show HN but I don't know if I've ever seen any to feature any sort of sponsorship right off…",[225,229],{"value":226,"source":84,"evidence":227},"webgradients.com",[228],{"id":153,"by":154,"text":155},{"value":230,"source":84,"evidence":231},"uigradients.com",[232],{"id":161,"by":162,"text":163},{"comments":234,"answered":41,"key":235},19,[236,239,242],{"id":237,"text":238},"16696219","Thanks for the feedback. In fact, they affiliate links. I put it to try the Egg-ads concept.",{"id":240,"text":241},"16697113","I added hover over shadow animation and working on adding External Link fon icon from fontawesome.com https:\u002F\u002Ffontawesome.com\u002Ficons\u002Fexternal-link-alt?style=solid Thanks for the…",{"id":243,"text":244},"16697078","Thanks for the comment. I will design egg-ads more clearly. So we will try to solve this problem.",{"commenters":246,"max_depth":41,"maker_replies":234,"first_comment_mins":33,"lifespan_hours":247},51,33,[249,251,253,255,257,259,260,261,264,266,267,270,274,278,281,282,285,286,287,289,291,295,296,299,302,305,307,309,312,314,317,319,321,323,326,328,329,332,334,337,339,342,344,347,350,352,354,355,356,358,360,361,363,365,367,370,374,375,378,381,383,385,389,391,393,394,395,397,401,403,406,411,414,416,420,422],[221,44,33,250,222,44],"maker\u002Fneutral\u002Fnone",[237,44,44,252,11,47],"project\u002Fneutral\u002Fidea",[113,44,41,254,114,44],"project\u002Fpositive\u002Fdesign",[189,44,33,256,190,44],"project\u002Fmixed\u002Fdesign",[193,44,33,258,194,44],"project\u002Fneutral\u002Fdesign",[240,44,44,258,11,47],[117,44,41,254,107,44],[262,44,33,263,96,44],"16699054","maker\u002Fneutral\u002Fidea",[146,44,47,265,147,44],"project\u002Fcritical\u002Fdesign",[243,44,44,258,11,47],[268,44,33,258,269,44],"16697241","marcusjt",[271,44,44,272,273,44],"16697271","commenter\u002Fneutral\u002Fnone","tomgp",[275,44,44,276,277,44],"16697413","other\u002Fneutral\u002Fnone","LitFan",[279,44,33,258,280,44],"16707537","matt_the_bass",[124,47,47,265,125,44],[153,283,47,284,154,44],2,"project\u002Fcritical\u002Fidea",[157,283,47,284,158,44],[87,33,41,254,88,44],[102,39,41,288,103,44],"project\u002Fpositive\u002Fidea",[290,39,44,250,11,47],"16695907",[292,39,33,293,294,44],"16696575","project\u002Fmixed\u002Fexecution","singularity2001",[214,39,33,252,215,44],[297,39,41,288,298,44],"16696810","Tade0",[300,39,33,252,301,44],"16696930","pimlottc",[303,39,44,272,304,44],"16697805","adventured",[306,39,44,272,11,47],"16698047",[308,39,44,272,301,44],"16703644",[310,39,33,252,311,44],"16695911","reificator",[313,39,44,250,11,47],"16695933",[315,41,41,288,316,44],"16696287","narag",[59,318,33,252,60,44],6,[320,318,44,252,11,47],"16695861",[322,318,41,288,60,44],"16695935",[324,318,44,276,325,44],"16696000","jefozabuss",[327,318,44,250,11,47],"16696187",[161,42,47,284,162,44],[330,42,44,276,331,44],"16698792","stronglikedan",[333,42,44,276,162,44],"16702557",[335,42,44,276,336,44],"16702637","grzm",[338,42,44,276,331,44],"16704032",[340,38,33,252,341,44],"16696045","gitgud",[343,38,44,250,11,47],"16696107",[345,38,33,252,346,44],"16696171","AWebOfBrown",[348,38,33,252,349,44],"16696586","bringtheaction",[351,38,33,252,304,44],"16696603",[178,353,41,254,179,44],9,[131,18,47,284,132,44],[135,18,47,284,136,44],[357,18,44,250,11,47],"16698959",[359,18,44,250,11,47],"16699384",[55,34,33,258,56,44],[362,34,44,250,11,47],"16698997",[106,364,41,288,107,44],12,[366,364,44,250,11,47],"16696089",[368,364,44,276,369,44],"16696148","rejschaap",[371,31,33,372,373,44],"16697465","project\u002Fneutral\u002Fnone","ben174",[139,31,47,284,140,44],[376,31,44,272,377,44],"16697689","spacewarp",[379,31,44,276,380,44],"16700276","kolpa",[382,31,44,250,11,47],"16705845",[200,384,47,265,201,44],14,[386,387,47,284,388,44],"16699135",15,"fenwick67",[174,390,33,258,175,44],16,[392,390,44,250,11,47],"16695875",[91,390,41,254,92,44],[182,32,41,254,183,44],[396,32,44,250,11,47],"16697972",[398,399,47,265,400,44],"16696065",18,"fouc",[402,399,44,250,11,47],"16696092",[404,234,44,276,405,44],"16696208","tofflos",[407,408,33,409,410,44],"16695993",20,"project\u002Fmixed\u002Fdocs","jypepin",[412,408,44,413,11,47],"16696041","maker\u002Fneutral\u002Fdocs",[95,415,41,254,96,44],21,[417,418,41,254,419,44],"16696435",22,"prikshit",[208,421,33,258,209,44],23,[72,421,44,423,11,47],"maker\u002Fneutral\u002Fdesign",[],[426,431,436,441,446,451],{"id":427,"name":428,"points":429,"category":430},"16697359","Next Week's Playlist",346,"consumer_social",{"id":432,"name":433,"points":434,"category":435},"16682940","Textile",272,"productivity",{"id":437,"name":438,"points":439,"category":440},"16692149","HN Domain Leaderboard",266,"data",{"id":442,"name":443,"points":444,"category":445},"16672320","Find3",265,"infrastructure",{"id":447,"name":448,"points":449,"category":450},"16647977","qr-filetransfer",238,"dev_tools",{"id":452,"name":453,"points":16,"category":454},"16665957","Naughty List","security_privacy",false,"v2",{"id":458,"name":5,"line":6,"ai":455,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":459,"top":18,"kw":460,"maker":11,"domain":10,"tier":19,"attempts":44,"strip":461,"url":9,"mix":462,"praise":83,"objection":121,"sub":21},16695667,0.01,[24,25,26,27],"3535130115035035351003333135010013510353",[31,32,33,34],1794036564567]