[{"data":1,"prerenderedAt":168},["ShallowReactive",2],{"project-27905861":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":34,"aspects":35,"strip":40,"post_text":41,"what":42,"said":55,"maker_in_thread":110,"shape":113,"grid":116,"attempts":129,"same_week":130,"maker_shows":159,"maker_hidden":160,"reader_version":161,"card":162},"27905861","CSS Buttons Collection","A collection of 80+ beautiful CSS buttons (click to copy)","title","Show HN: I made a collection of 80+ beautiful CSS buttons (click to copy)","https:\u002F\u002Fgetcssscan.com\u002Fcss-buttons-examples?ref=hn","getcssscan.com","guivr",1626873654,2021,16,6,1571,2533,63,"shown","dev_tools","css component library","web_app",[24,25,26,27],"css buttons","css examples","copy css","button styles","mixed",0.375,{"positive":31,"neutral":32,"mixed":32,"critical":33},3,1,0,5,{"idea":36,"execution":38,"design":39},{"positive":37,"critical":33},2,{"positive":33,"critical":33},{"positive":32,"critical":33},[31,33,31,34,34,34],null,{"problem":43,"audience":49,"pricing":41,"motivation":41,"time_to_build":41,"stack":53,"openness":54,"stage":54,"team_size":54},{"value":44,"source":45,"evidence":46},"Finding and reusing well-styled CSS buttons","inferred",[47],{"id":48},"post",{"value":50,"source":45,"evidence":51},"Web developers and front-end designers",[52],{"id":48},[],"unknown",{"praise":56,"objections":80,"requests":88,"questions":97,"alternatives":109},[57,73],{"value":58,"source":59,"evidence":60},"Cool, inspiring collection","commenter",[61,65,69],{"id":62,"by":63,"text":64},"27907553","n4bz0r","An inspiring collection! Would like to see something similar with other common elements. Suggestion: I think the copying should only fire up when clicking the button itself, not…",{"id":66,"by":67,"text":68},"27913841","atum47","It's cool. I've used similar things in the past. I'm make sure to remember this on next time I need",{"id":70,"by":71,"text":72},"27925810","ryantgtg","This is cool. Buttons are surprising hard to get right.",{"value":74,"source":59,"evidence":75},"Liked a specific button design",[76],{"id":77,"by":78,"text":79},"27981030","McClearson","I'm not a designer but I liked button Nr49",[81],{"value":82,"source":83,"evidence":84},"Button code is largely copied from Amazon, Apple and Google CSS","maker",[85],{"id":86,"by":11,"text":87},"27906307","It's ~90% copied from their CSS, I had to make a few adjustments sometimes. I used my own tool (CSS Scan - https:\u002F\u002Fgetcssscan.com) to copy the CSS. The only buttons made from…",[89,93],{"value":90,"source":59,"evidence":91},"Copy should only trigger when the button itself is clicked, not its container",[92],{"id":62,"by":63,"text":64},{"value":94,"source":59,"evidence":95},"Collections of other common UI elements",[96],{"id":62,"by":63,"text":64},[98,105],{"value":99,"source":59,"evidence":100},"What does 'by Amazon', 'by Apple', 'by Google' mean on the buttons",[101],{"id":102,"by":103,"text":104},"27905965","gus_massa","What does it mean \"by Amazon\", \"by Apple\", \"by Google\"? Is your code copied from their css or it's just a new implementation inspired by their buttons?",{"value":106,"source":59,"evidence":107},"Is the code copied or a new implementation",[108],{"id":102,"by":103,"text":104},[],{"comments":32,"answered":32,"key":111},[112],{"id":86,"text":87},{"commenters":15,"max_depth":37,"maker_replies":32,"first_comment_mins":114,"lifespan_hours":115},8,162,[117,119,121,123,125,127],[102,33,31,118,103,33],"maker\u002Fneutral\u002Fidea",[86,33,33,120,11,32],"project\u002Fneutral\u002Fidea",[62,32,31,122,63,33],"project\u002Fmixed\u002Fexecution",[77,37,34,124,78,33],"project\u002Fpositive\u002Fdesign",[66,31,34,126,67,33],"project\u002Fpositive\u002Fidea",[70,128,34,126,71,33],4,[],[131,136,140,144,149,154],{"id":132,"name":133,"points":134,"category":135},"27871790","CheckYourList",282,"productivity",{"id":137,"name":138,"points":139,"category":135},"27893303","Sioyek",272,{"id":141,"name":142,"points":143,"category":135},"27853855","Deprocrastination",214,{"id":145,"name":146,"points":147,"category":148},"27866289","Gorse",212,"ai",{"id":150,"name":151,"points":152,"category":153},"27882355","Should I Get a House?",203,"finance_crypto",{"id":155,"name":156,"points":157,"category":158},"27894903","WrittenRealms",200,"games",7,false,"v2",{"id":163,"name":5,"line":6,"ai":160,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":164,"top":18,"kw":165,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":166,"url":9,"mix":167,"praise":58,"objection":82,"sub":21},27905861,0.38,[24,25,26,27],"303555",[31,32,32,33],1793991030925]