[{"data":1,"prerenderedAt":240},["ShallowReactive",2],{"project-34707160":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":15,"aspects":34,"strip":41,"post_text":43,"what":44,"said":78,"maker_in_thread":149,"shape":151,"grid":155,"attempts":192,"same_week":203,"maker_shows":187,"maker_hidden":232,"reader_version":233,"card":234},"34707160","Metalmorphism","A library that adds a metallic look to anything you throw at it","title","Show HN: I made a library that adds a metallic look to anything you throw at it","https:\u002F\u002Fwww.metalmorphism.com","metalmorphism.com","mikaelaast",1675859374,2023,37,15,1262,3109,41,"shown","dev_tools","css library","library",[24,25,26,27],"css metallic effect","metal texture css","skeuomorphic css","html element styling","mixed",0.315,{"positive":31,"neutral":32,"mixed":33,"critical":32},8,3,1,{"idea":35,"design":38,"performance":39,"execution":40},{"positive":36,"critical":37},2,0,{"positive":32,"critical":33},{"positive":37,"critical":37},{"positive":33,"critical":36},[42,33,32,42,42,32,32,42,42,33,32,33,42,42,42],5,null,{"problem":45,"audience":43,"pricing":43,"motivation":53,"time_to_build":43,"stack":57,"openness":77,"stage":77,"team_size":77},{"value":46,"source":47,"evidence":48},"Adds a high-end metallic look to web elements.","commenter",[49],{"id":50,"by":51,"text":52},"34707487","metalmorphism","OP here! I've been obsessing over creating a high-end and unique metallic look that I feel has been sorely missing from the web. I've put quite a bit of effort into ensuring the…",{"value":54,"source":47,"evidence":55},"Love of metallic aesthetics and bringing back skeuomorphic design charm.",[56],{"id":50,"by":51,"text":52},[58,65,69,73],{"value":59,"source":47,"evidence":60},"JavaScript",[61],{"id":62,"by":63,"text":64},"34712974","lioeters","Very interesting effect. Not sure how practical it would be, but I like seeing what's possible with CSS. I'd prefer it without request to Google Fonts for the Roboto font, and…",{"value":66,"source":47,"evidence":67},"SVG",[68],{"id":50,"by":51,"text":52},{"value":70,"source":47,"evidence":71},"Canvas",[72],{"id":50,"by":51,"text":52},{"value":74,"source":47,"evidence":75},"Google Fonts (Roboto)",[76],{"id":62,"by":63,"text":64},"unknown",{"praise":79,"objections":103,"requests":127,"questions":136,"alternatives":148},[80,95],{"value":81,"source":47,"evidence":82},"Cool, shiny skeuomorphic look nostalgic of the 2000s",[83,87,91],{"id":84,"by":85,"text":86},"34714038","jdlyga","This is so ridiculously cool. I do miss shiny UI's from the 2000s. We've gotten a little bit too professional.",{"id":88,"by":89,"text":90},"34729983","ever1337","Great job, feels like a modern refreshment of 2000s skeuomorphic interfaces",{"id":92,"by":93,"text":94},"34754792","aleksiy123","Looks like chrome needs an overhaul. Witness me. But it an all seriousness this is pretty cool. I just wish I had a sue for it.",{"value":96,"source":47,"evidence":97},"Fun demonstration of artistry and what CSS can do",[98,102],{"id":99,"by":100,"text":101},"34802435","knighthack","This is one of those projects that I question the utility of, but which I think is endlessly cool and a fun demonstration of artistry for art's sake and as a demonstration of…",{"id":62,"by":63,"text":64},[104,115,122],{"value":105,"source":47,"evidence":106},"Renders poorly in Firefox; text hard to read and colors off",[107,111],{"id":108,"by":109,"text":110},"34712784","navhc","Doesn't seem to work well in Firefox, the effect is very different from the sample images and the text is borderline unreadable",{"id":112,"by":113,"text":114},"34717549","OkayPhysicist","I think I'm running into the same issue, Windows 11 Firefox 109.0.1. The \"ridge\" of the reflection effect is stuck to the lower ~10% of the button, and completely dark, and the…",{"value":116,"source":47,"evidence":117},"Dark Reader makes initial page appear black",[118],{"id":119,"by":120,"text":121},"34711069","jmholla","On Firefox with Dark Reader Theme Generation set to Dynamic, the initial page is just a black slate. (The default setting, Filter, inverts the background making it look awful.) I…",{"value":123,"source":47,"evidence":124},"Unclear practical utility",[125,126],{"id":99,"by":100,"text":101},{"id":62,"by":63,"text":64},[128,132],{"value":129,"source":47,"evidence":130},"Pure CSS implementation instead of JavaScript",[131],{"id":62,"by":63,"text":64},{"value":133,"source":47,"evidence":134},"Use system fonts instead of Google Fonts",[135],{"id":62,"by":63,"text":64},[137,141],{"value":138,"source":47,"evidence":139},"Why the JavaScript is needed",[140],{"id":62,"by":63,"text":64},{"value":142,"source":47,"evidence":143},"Whether webcam-based dynamic reflections are possible",[144],{"id":145,"by":146,"text":147},"34715200","Permik","The next logical step is generating dynamic reflections via MediaDevices API (Webcam), right? :D",[],{"comments":37,"answered":37,"key":150},[],{"commenters":152,"max_depth":32,"maker_replies":37,"first_comment_mins":153,"lifespan_hours":154},12,40,167,[156,158,160,162,164,167,169,172,174,176,178,181,182,186,188],[50,37,42,157,51,37],"maker\u002Fpositive\u002Fidea",[119,37,33,159,120,37],"project\u002Fcritical\u002Fdesign",[145,37,32,161,146,37],"project\u002Fneutral\u002Fidea",[84,33,42,163,85,37],"project\u002Fpositive\u002Fdesign",[165,33,42,166,51,37],"34715538","maker\u002Fpositive\u002Fnone",[62,36,32,168,63,37],"project\u002Fmixed\u002Fperformance",[170,36,32,171,51,37],"34715531","maker\u002Fneutral\u002Fnone",[99,32,42,173,100,37],"project\u002Fpositive\u002Fidea",[92,175,42,163,93,37],4,[108,42,33,177,109,37],"project\u002Fcritical\u002Fexecution",[179,42,32,180,51,37],"34715552","maker\u002Fneutral\u002Fexecution",[112,42,33,177,113,37],[183,42,42,184,185,37],"34715829","project\u002Fpositive\u002Fexecution","marssaxman",[88,187,42,163,89,37],6,[189,190,42,166,191,37],"34734519",7,"replwoacause",[193,196,199,200],{"id":194,"t":195,"points":33,"comments":33},"34670490",1675636796,{"id":197,"t":198,"points":32,"comments":33},"34683954",1675715814,{"id":4,"t":12,"points":14,"comments":15},{"id":201,"t":202,"points":32,"comments":36},"34707193",1675859558,[204,209,214,219,224,228],{"id":205,"name":206,"points":207,"category":208},"34635352","Maroofy",753,"ai",{"id":210,"name":211,"points":212,"category":213},"34713202","Filmbox",658,"creative",{"id":215,"name":216,"points":217,"category":218},"34706098","Kuboble.com",437,"games",{"id":220,"name":221,"points":222,"category":223},"34646199","Glidesort",389,"languages",{"id":225,"name":226,"points":227,"category":20},"34639728","DriftDB",367,{"id":229,"name":230,"points":231,"category":20},"34648266","DocsGPT",256,false,"v2",{"id":235,"name":5,"line":6,"ai":232,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":236,"top":18,"kw":237,"maker":11,"domain":10,"tier":19,"attempts":175,"strip":238,"url":9,"mix":239,"praise":81,"objection":105,"sub":21},34707160,0.32,[24,25,26,27],"513553355131555",[31,32,33,32],1794036630969]