[{"data":1,"prerenderedAt":512},["ShallowReactive",2],{"project-32150308":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":47,"post_text":49,"what":50,"said":90,"maker_in_thread":217,"shape":227,"grid":231,"attempts":471,"same_week":476,"maker_shows":43,"maker_hidden":504,"reader_version":505,"card":506},"32150308","CSS Scan","CSS Scan 3.0, a fast way to check and copy CSS","title","Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS","https:\u002F\u002Fgetcssscan.com","getcssscan.com","guivr",1658231963,2022,146,98,414,2570,17,"notable","dev_tools","css inspector","browser_extension",[21,24,25,26,27],"copy css","css optimizer","computed styles","css selectors","mixed",-0.138,{"positive":31,"neutral":32,"mixed":33,"critical":34},11,16,3,22,52,{"design":37,"execution":40,"pricing":42,"idea":44,"docs":46},{"positive":38,"critical":39},2,1,{"positive":41,"critical":41},0,{"positive":38,"critical":43},7,{"positive":33,"critical":45},6,{"positive":41,"critical":39},[48,33,39,41,33,39,33,39,33,33,48,33,33,48,39,39,39,33,41,48,33,39,39,41,39,41,41,39,39,39,48,39,41,41,48,48,48,39,39,33],5,null,{"problem":51,"audience":58,"pricing":74,"motivation":49,"time_to_build":49,"stack":86,"openness":87,"stage":88,"team_size":89},{"value":52,"source":53,"evidence":54},"Copying CSS from existing pages, including computed styles, breakpoints and pseudo-classes, is tedious and bloated","maker",[55],{"id":56,"by":11,"text":57},"32150434","Hi, @lelandfe, there's an answer for that on our FAQ: * How is this better than \"Computed Styles\"? > When you copy CSS from “Computed Styles”, aside from the declarations being…",{"value":59,"source":60,"evidence":61},"Front-end developers and designers copying or checking CSS","inferred",[62,66,70],{"id":63,"by":64,"text":65},"32152197","sirtimbly","This tool addresses one aspect of my job really well, looking at how a dev implemented my figma design, and showing them exactly which little tweaks need to be made to fix it up.…",{"id":67,"by":68,"text":69},"32151871","spread_love","I see developers copy\u002Fpaste CSS out of Figma (for better or mostly worse). That's not how I write code, but I can see a market.",{"id":71,"by":72,"text":73},"32153721","stevenjgarner","What does it do for you that web developer tools does not?",{"value":75,"source":76,"evidence":77},"Paid, with a countdown-timer introductory discount","commenter",[78,82],{"id":79,"by":80,"text":81},"32150853","sbm15","First of all, kudos to you for building and shipping a product that you can charge for. The website looks really good and polished. I don’t mind the countdown and introductory…",{"id":83,"by":84,"text":85},"32150769","ushakov","looks like a product aimed at junior devs, who don't know how to use DevTools also \"Save 59% - Product Hunt Launch Deal - only until July 21st\" sounds sketchy AF i don't buy…",[],"paid","launched","unknown",{"praise":91,"objections":114,"requests":164,"questions":182,"alternatives":201},[92,104],{"value":93,"source":76,"evidence":94},"Polished, well-designed landing page and product",[95,96,100],{"id":79,"by":80,"text":81},{"id":97,"by":98,"text":99},"32151659","rrishi","I love the website especially the \"Try it yourself on this page button\". The product is uber cool. The website has a really nice feel to it overall. Congratulations!",{"id":101,"by":102,"text":103},"32152868","dmje","Sometimes the hostile responses on here really floor me. Maybe think before you type something like this. This is a really solid, incredibly professional and really not very…",{"value":105,"source":76,"evidence":106},"Saves time copying CSS from complex or CMS-generated sites",[107,111],{"id":108,"by":109,"text":110},"32158960","adlpz","This tool saved me when I had to clone a few deeply nested bits of a site between two projects with completely different stacks. Paid full price and was very much worth it: saved…",{"id":112,"by":102,"text":113},"32152796","I use it all the time, it's ace. Highly recommended.",[115,130,138,153],{"value":116,"source":76,"evidence":117},"Too expensive for what it does",[118,122,126],{"id":119,"by":120,"text":121},"32153293","spicybright","I can tell you put a lot of work in, but it's still very expensive for what it is. It's something I would expect to find for free in my browser's extension store if I'm being…",{"id":123,"by":124,"text":125},"32151748","progx","Cool little helper, but with that price buyers will think twice before they buy it.",{"id":127,"by":128,"text":129},"32151521","peyloride","Good luck with your journey but I really can't find any reason to why should I buy this.",{"value":131,"source":76,"evidence":132},"Countdown timer and scarcity pricing feel manipulative",[133,137],{"id":134,"by":135,"text":136},"32152784","bluelightning2k","You INSTANTLY lost me with the fake-scarcity countdown timer. Bounced so fast & immediately looked to see if HN has a downvote button. If you're targeting engineers and…",{"id":83,"by":84,"text":85},{"value":139,"source":76,"evidence":140},"Browser devtools already do this",[141,145,149],{"id":142,"by":143,"text":144},"32150400","lelandfe","> No unuseful, duplicated, overridden, or longhand CSS How does this differ from doing Cmd-Shift-C, selecting an element, and checking the Computed tab in Dev Tools?",{"id":146,"by":147,"text":148},"32153267","radiojasper","I open my inspector with Ctrl-shift-I (Firefox on Windows), it's fast, free, more feature-rich and built-in to the browser. This seems redundant.",{"id":150,"by":151,"text":152},"32153147","mitchdoogle","Anyone who spends a lot of time writing \u002F editing HTML and CSS should spend some time to learn how to use browser development tools. All the features shown here are easily…",{"value":154,"source":76,"evidence":155},"Extension license checks were removed and a clone appeared on the Chrome store",[156,160],{"id":157,"by":158,"text":159},"32157394","popcalc","Just want to let you know it looks like someone has removed the license checking, changed the name of the app, and put it up on the web store:…",{"id":161,"by":162,"text":163},"32157768","entropie","The comment section on the chrome store page pretty much reveals that you can purchase licence codes that work only once and the developer isnt responding at all.",[165,175],{"value":166,"source":76,"evidence":167},"Support for Tailwind output",[168,172],{"id":169,"by":170,"text":171},"32151160","vcryan","I would but this if it converted the styles to tailwind. That would be incredible!",{"id":173,"by":11,"text":174},"32151202","Yess, it's on the roadmap! :D",{"value":176,"source":76,"evidence":177},"Trial or free test on a complex page",[178],{"id":179,"by":180,"text":181},"32154430","tregoning","If somebody with this app feels charitable, could they please try it on the page below and perhaps share the output via a gist or something? https:\u002F\u002Fwww.warp.dev (\"Download Now\"…",[183,188,194],{"value":184,"source":76,"evidence":185},"How does it differ from Computed Styles in devtools",[186,187],{"id":142,"by":143,"text":144},{"id":71,"by":72,"text":73},{"value":189,"source":76,"evidence":190},"Does it preserve CSS custom properties",[191],{"id":192,"by":68,"text":193},"32151883","Does this preserve and copy CSS custom properties (\"variables\")?",{"value":195,"source":76,"evidence":196},"How are styled-components and CSS modules handled",[197],{"id":198,"by":199,"text":200},"32161489","printvoid","This is a cool tool but I am curious who the intended buyer is you targeting. Is it for developers? Also interesting question to ask is how does it pull up css that has been…",[202,213],{"value":203,"source":76,"evidence":204},"Browser developer tools (Chrome computed styles, Firefox)",[205,209,212],{"id":206,"by":207,"text":208},"32152110","danielvaughn","You may already be aware, but you can click on the \"computed styles\" tab for an element (in the devtools elements panel), and it will show you the exact values that were…",{"id":210,"by":72,"text":211},"32155406","Absolutely. (FOR FREE!) - do a search for something like \"Firefox web developer tools css tutorial\". Some of the older (Web 2.0) videos will mention Firebug (~kind of the same…",{"id":146,"by":147,"text":148},{"value":214,"source":76,"evidence":215},"CSS Inspector clone",[216],{"id":157,"by":158,"text":159},{"comments":218,"answered":38,"key":219},9,[220,223,224],{"id":221,"text":222},"32150904","Thanks a lot for the support, @sbm15!",{"id":56,"text":57},{"id":225,"text":226},"32161435","Awesome, thanks for buying it! I'm glad it's useful to you",{"commenters":228,"max_depth":43,"maker_replies":218,"first_comment_mins":229,"lifespan_hours":230},53,14,63,[232,236,238,240,244,247,251,253,256,258,260,264,265,269,272,274,277,281,283,286,290,293,295,296,299,301,302,304,306,309,313,315,319,321,324,326,328,330,333,334,337,339,340,343,345,348,350,352,353,355,357,360,363,365,367,369,371,374,376,378,380,383,385,389,392,395,397,399,403,406,408,409,412,414,416,418,420,422,425,428,430,433,435,437,439,443,444,445,447,451,453,455,457,460,463,464,467,469],[233,41,48,234,235,41],"32151252","project\u002Fpositive\u002Fdesign","kypro",[79,39,48,237,80,41],"maker\u002Fpositive\u002Fnone",[221,39,41,239,11,39],"commenter\u002Fneutral\u002Fnone",[241,39,33,242,243,41],"32151438","maker\u002Fneutral\u002Fexecution","TedDoesntTalk",[245,39,41,239,246,41],"32153515","deadcoder0904",[248,39,39,249,250,41],"32154415","project\u002Fcritical\u002Fnone","ilrwbwrkhv",[252,39,41,239,243,41],"32156085",[254,39,41,239,255,41],"32158537","throwaway888abc",[257,39,41,239,243,41],"32161268",[63,38,33,259,64,41],"project\u002Fmixed\u002Fpricing",[261,33,41,262,263,41],"32151064","other\u002Fneutral\u002Fnone","Waterluvian",[206,33,41,262,207,41],[266,33,39,267,268,41],"32153507","project\u002Fcritical\u002Fidea","brundolf",[270,33,41,262,271,41],"32154888","bobthepanda",[273,33,41,239,68,41],"32155151",[179,275,33,276,180,41],4,"project\u002Fneutral\u002Fnone",[278,275,33,279,280,41],"32154744","project\u002Fmixed\u002Fexecution","skilled",[119,48,39,282,120,41],"project\u002Fcritical\u002Fpricing",[284,48,41,239,285,41],"32155387","mikefracture",[287,48,41,288,289,41],"32158354","commenter\u002Fneutral\u002Fpricing","layer8",[291,48,41,239,292,41],"32158651","VPenkov",[142,45,33,294,143,41],"project\u002Fneutral\u002Fidea",[56,45,41,294,11,39],[297,45,33,298,68,41],"32151765","project\u002Fmixed\u002Fidea",[108,43,48,300,109,41],"project\u002Fpositive\u002Fpricing",[225,43,41,239,11,39],[97,303,48,234,98,41],8,[305,303,41,239,11,39],"32161447",[307,218,39,267,308,41],"32150702","seumars",[310,218,33,311,312,41],"32150803","project\u002Fneutral\u002Fexecution","tethys",[314,218,41,294,11,39],"32150808",[316,218,48,317,318,41],"32151685","project\u002Fpositive\u002Fidea","zerkten",[320,218,41,239,308,41],"32153731",[322,218,41,239,323,41],"32159094","DangitBobby",[325,218,41,262,318,41],"32188039",[157,327,39,249,158,41],10,[329,327,39,249,162,41],"32157604",[331,327,39,249,332,41],"32157750","matthijs",[161,327,39,249,162,41],[335,31,33,294,336,41],"32154149","somehnacct3757",[127,338,39,267,128,41],12,[67,338,33,294,68,41],[341,338,48,342,102,41],"32152809","project\u002Fpositive\u002Fnone",[134,344,39,282,135,41],13,[346,344,41,288,347,41],"32152813","weird-eye-issue",[349,344,41,288,135,41],"32152919",[351,344,41,288,347,41],"32152972",[101,344,48,300,102,41],[354,344,41,288,135,41],"32152946",[356,344,41,239,102,41],"32152974",[358,344,33,359,135,41],"32153069","maker\u002Fneutral\u002Fpricing",[361,344,39,282,362,41],"32156990","throwaway675309",[364,344,41,288,151,41],"32153018",[366,344,41,288,347,41],"32153076",[368,344,39,282,135,41],"32153315",[370,344,41,288,102,41],"32153433",[372,344,41,288,373,41],"32156933","isochronous",[375,344,41,239,347,41],"32159787",[377,344,39,282,135,41],"32153232",[379,344,41,288,102,41],"32153374",[381,344,41,382,135,41],"32153580","commenter\u002Fcritical\u002Fdesign",[384,344,41,239,102,41],"32153660",[386,344,41,387,388,41],"32153920","commenter\u002Fpositive\u002Fpricing","sillycube",[390,344,41,391,102,41],"32167019","commenter\u002Fpositive\u002Fnone",[393,344,41,394,250,41],"32154446","commenter\u002Fcritical\u002Fnone",[396,344,41,288,280,41],"32154788",[398,344,39,249,151,41],"32152949",[400,229,39,401,402,41],"32153316","project\u002Fcritical\u002Fdesign","activitypea",[404,229,39,249,405,41],"32157317","whoibrar",[198,407,33,276,199,41],15,[146,32,39,267,147,41],[410,18,33,294,411,41],"32160166","Existenceblinks",[123,413,39,282,124,41],18,[169,415,48,317,170,41],19,[173,415,41,417,11,39],"maker\u002Fneutral\u002Fnone",[83,419,39,282,84,41],20,[421,419,41,417,11,39],"32151053",[423,419,33,424,84,41],"32152223","project\u002Fneutral\u002Fpricing",[426,419,41,262,427,41],"32151778","abses2000",[429,419,41,262,84,41],"32152200",[431,419,41,394,432,41],"32157942","Kiro",[434,419,41,239,84,41],"32159305",[436,419,41,394,432,41],"32163368",[438,419,41,239,84,41],"32166010",[440,441,48,317,442,41],"32155638",21,"liberia",[112,34,48,342,102,41],[71,34,33,294,72,41],[446,34,41,417,11,39],"32161416",[448,449,48,237,450,41],"32150734",23,"rsaraceni",[452,449,41,417,11,39],"32150820",[192,454,33,276,68,41],24,[150,456,39,267,151,41],25,[458,456,39,459,72,41],"32153678","project\u002Fcritical\u002Fdocs",[461,456,33,294,462,41],"32155080","lancesells",[210,456,39,267,72,41],[465,456,33,294,466,41],"32155886","mikewhy",[468,456,33,294,72,41],"32156266",[470,456,33,294,466,41],"32156733",[472,475],{"id":473,"t":474,"points":415,"comments":48},"19780045",1556556574,{"id":4,"t":12,"points":14,"comments":15},[477,481,486,490,495,500],{"id":478,"name":479,"points":480,"category":20},"32096801","pledge.com",571,{"id":482,"name":483,"points":484,"category":485},"32095592","Unblah",451,"productivity",{"id":487,"name":488,"points":489,"category":20},"32106126","tere",378,{"id":491,"name":492,"points":493,"category":494},"32149989","Flowful",299,"creative",{"id":496,"name":497,"points":498,"category":499},"32167704","This Food Does Not Exist",248,"ai",{"id":501,"name":502,"points":503,"category":485},"32152600","algorithm",214,false,"v2",{"id":507,"name":5,"line":6,"ai":504,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":508,"top":18,"kw":509,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":510,"url":9,"mix":511,"praise":93,"objection":116,"sub":21},32150308,-0.14,[21,24,25,26,27],"5310313133533511130531101001115100555113",[31,32,33,34],1793991049039]