[{"data":1,"prerenderedAt":367},["ShallowReactive",2],{"project-17609252":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":43,"post_text":46,"what":47,"said":79,"maker_in_thread":199,"shape":209,"grid":213,"attempts":329,"same_week":330,"maker_shows":278,"maker_hidden":359,"reader_version":360,"card":361},"17609252","CSS Scan","Instantly check or copy computed CSS from any element","title","Show HN: CSS Scan – Instantly check or copy computed CSS from any element","http:\u002F\u002Fguivr.github.io\u002Fcssscan","guivr.github.io","guivr",1532527140,2018,142,51,293,2155,14,"notable","dev_tools","browser extension for css inspection","browser_extension",[24,25,26,27],"computed css","css inspector","getcomputedstyle","copy css styles","mixed",0.196,{"positive":31,"neutral":32,"mixed":33,"critical":34},8,12,1,4,25,{"design":37,"idea":40,"pricing":42},{"positive":38,"critical":39},0,2,{"positive":41,"critical":33},6,{"positive":39,"critical":33},[38,33,38,44,38,44,38,38,38,45,33,38,44,38,44,33,38,33,45,45,44,44,44,45,45,44,38,44,38,45,44,45,44,45,44,38,38,38,38,38],3,5,null,{"problem":48,"audience":46,"pricing":55,"motivation":67,"time_to_build":71,"stack":75,"openness":76,"stage":77,"team_size":78},{"value":49,"source":50,"evidence":51},"Getting computed styles from elements faster than browser Developer Tools, in shorthand form","maker",[52],{"id":53,"by":11,"text":54},"17609364","Hello Hacker News! Creator here, happy to answer any questions! :) I decided to build CSS Scan to get computed styles with no hassle and in real-time. It's faster than using…",{"value":56,"source":57,"evidence":58},"Paid, about 3 dollars (commenter quoted price); landing page shows 1.99 minimum","commenter",[59,63],{"id":60,"by":61,"text":62},"17611074","a_r_8","Looks super useful but I don't want to buy before I try. The landing page says \"for the price you want\", but the product page has a 1.99+ and I can't enter less than that.",{"id":64,"by":65,"text":66},"17613705","mhb","He's asking for 3 bucks. Does that really matter?",{"value":68,"source":50,"evidence":69},"Get computed styles with no hassle and in real time",[70],{"id":53,"by":11,"text":54},{"value":72,"source":50,"evidence":73},"50 hours and 17 minutes",[74],{"id":53,"by":11,"text":54},[],"paid","launched","solo",{"praise":80,"objections":104,"requests":130,"questions":165,"alternatives":183},[81,96],{"value":82,"source":57,"evidence":83},"Useful for checking computed styles and porting CSS to new layouts",[84,88,92],{"id":85,"by":86,"text":87},"17611095","Globz","This is really GREAT! The timing is perfect, I have to rewrite a whole bunch of CSS for a project and now I can easily pick and choose what I want to port over to the new layout.…",{"id":89,"by":90,"text":91},"17611295","codegeek","This is a great tool. I hate inspecting element to check computed css properties to troubleshoot issues for our clients. Definitely worth a shot.",{"id":93,"by":94,"text":95},"17614431","King-Aaron","This is great. I've been looking for a good way to be able to identify between active styles and legacy css that seems to build up over time, and this is a pretty neat way to do…",{"value":97,"source":57,"evidence":98},"Saves time compared to Developer Tools",[99,100],{"id":53,"by":11,"text":54},{"id":101,"by":102,"text":103},"17622606","johnmurch","I bought it - it’s cheaper than a coffee and Saves me time!",[105,112,123],{"value":106,"source":57,"evidence":107},"Duplicates getComputedStyle and Chrome devtools computed panel",[108],{"id":109,"by":110,"text":111},"17614912","ninjaranter","Isn't this literally getComputedStyle[1]? Chrome devtools already has a 'computed' section which shows the same thing. What additional functionality does this provide that I'm…",{"value":113,"source":57,"evidence":114},"Hard to use on mobile; demo button hidden in narrow windows",[115,119],{"id":116,"by":117,"text":118},"17610958","geuis","You should check out that link on a mobile device. I’m not sure exactly what I’m looking at. There’s no links and just a “buy” button.",{"id":120,"by":121,"text":122},"17611278","posamari","I don't see a demo button, where is it? Edit: I see it now, the browser window has to be wide enough and not zoomed in, otherwise the page goes into mobile view and the button…",{"value":124,"source":57,"evidence":125},"Charging for a tool that copies others' code seems odd",[126],{"id":127,"by":128,"text":129},"17611161","staffordrj","This looks great! Though it seems funny to charge for a tool that makes it easier to copy other people's code.",[131,138,145,152,158],{"value":132,"source":57,"evidence":133},"Copy full ruleset including selector",[134],{"id":135,"by":136,"text":137},"17611184","conceptpad","Great tool! I'd like to see you keep going with this. Quick feedback: it would be useful to copy the entire ruleset, including the selector and brackets (as an option). Further…",{"value":139,"source":57,"evidence":140},"Integrate with React or show component names",[141],{"id":142,"by":143,"text":144},"17611341","deadcoder0904","Any chances you can get it integrated with React? Like show the component name when trying to copy styles.",{"value":146,"source":57,"evidence":147},"Convert styles to React inline styles",[148],{"id":149,"by":150,"text":151},"17611089","tomjohnneill","This is really cool. Is there any way you can add the option to turn the CSS into React inline styles?",{"value":153,"source":57,"evidence":154},"Link back to stylesheets via source maps",[155],{"id":156,"by":117,"text":157},"17611621","Just had a chance to check it out on Chrome. Looks cool! Another feature that might be useful is to have links back to the related stylesheets via css source maps.",{"value":159,"source":57,"evidence":160},"Show partial grid limited by nesting depth",[161],{"id":162,"by":163,"text":164},"17612849","Kagerjay","Is it possible you can show a partial grid? e.g. there's so many boxes inside of boxes. It would be nice if say within the `body` tag, you show items that are at most 1,2,3,4…",[166,173],{"value":167,"source":57,"evidence":168},"Does buying include future updates?",[169],{"id":170,"by":171,"text":172},"17611749","nolite","If we buy, do we get future updates?",{"value":174,"source":57,"evidence":175},"Sales numbers and how licensing works",[176,180],{"id":177,"by":178,"text":179},"17613588","seanwilson","Can you share anything about how many sales you've made? I'm curious how willing developers are to pay for tools like this. I'm working on selling a Chrome extension as well so…",{"id":181,"by":178,"text":182},"17614880","By the way, how does the Gumroad integration and license checking work? You get the extension files to download on purchase? I'm integrating Paddle for payments into my…",[184,192],{"value":185,"source":57,"evidence":186},"Chrome and Firefox developer tools computed panel",[187,188],{"id":109,"by":110,"text":111},{"id":189,"by":190,"text":191},"17611464","arxpoetica","Anyone from Chrome\u002FFF\u002FSafari teams willing to implement this functionality into the default dev tools? It's super handy.",{"value":193,"source":57,"evidence":194},"computed-style-to-inline-style npm package",[195],{"id":196,"by":197,"text":198},"17613468","ceagrass","I've used a similar tool[1] before to convert all styles of an element to inline styles in order to copy it into a more isolated setting for testing, and it worked pretty well…",{"comments":200,"answered":41,"key":201},16,[202,203,206],{"id":53,"text":54},{"id":204,"text":205},"17611097","Thanks, geuis. I'll look into that",{"id":207,"text":208},"17611574","You mean webcomponents? I'll study this. Thanks for the suggestion!",{"commenters":210,"max_depth":41,"maker_replies":200,"first_comment_mins":211,"lifespan_hours":212},33,15,175,[214,216,218,220,222,223,227,230,234,237,240,243,244,247,249,251,252,254,257,259,261,263,264,265,268,269,271,273,274,277,279,280,282,285,287,291,293,295,297,299,304,306,307,308,310,312,314,316,318,323,326],[53,38,38,215,11,33],"project\u002Fpositive\u002Fidea",[116,38,33,217,117,38],"project\u002Fcritical\u002Fdesign",[204,38,38,219,11,33],"maker\u002Fneutral\u002Fnone",[142,38,44,221,143,38],"project\u002Fneutral\u002Fidea",[207,38,38,219,11,33],[224,38,38,225,226,38],"17611632","commenter\u002Fneutral\u002Fnone","NathanCH",[228,38,44,221,229,38],"17612926","RobertRoberts",[231,38,38,232,233,38],"17613691","other\u002Fneutral\u002Fnone","sbjs",[235,38,38,232,236,38],"17613759","ivthreadp110",[238,38,38,232,239,38],"17614192","b_b",[241,38,38,232,242,38],"17615162","Kamshak",[156,38,45,215,117,38],[245,38,44,219,246,38],"17615787","Theodores",[109,33,33,248,110,38],"project\u002Fcritical\u002Fidea",[250,33,38,221,11,33],"17616914",[135,39,44,221,136,38],[253,39,38,219,11,33],"17611382",[255,39,44,221,256,38],"17658946","dexterous",[258,39,38,219,11,33],"17667003",[60,44,33,260,61,38],"project\u002Fcritical\u002Fpricing",[262,44,38,219,11,33],"17611091",[120,44,33,217,121,38],[85,34,45,215,86,38],[266,34,38,267,11,33],"17611530","maker\u002Fpositive\u002Fnone",[189,45,45,215,190,38],[177,41,44,270,178,38],"maker\u002Fneutral\u002Fpricing",[272,41,38,270,11,33],"17614515",[181,41,44,219,178,38],[275,41,44,219,276,38],"17617704","ezekg",[196,278,45,215,197,38],7,[89,31,45,215,90,38],[281,31,38,267,11,33],"17611536",[127,283,44,284,128,38],9,"project\u002Fmixed\u002Fpricing",[286,283,38,270,11,33],"17611544",[288,289,44,221,290,38],"17610771",10,"makeee",[292,289,38,219,11,33],"17614522",[93,294,45,215,94,38],11,[296,294,38,267,11,33],"17614554",[162,32,44,298,163,38],"project\u002Fneutral\u002Fdesign",[300,301,45,302,303,38],"17614474",13,"project\u002Fpositive\u002Fpricing","andrenotgiant",[305,301,38,270,11,33],"17614548",[149,18,44,221,150,38],[101,211,45,302,102,38],[170,200,44,309,171,38],"project\u002Fneutral\u002Fpricing",[64,200,38,311,65,38],"commenter\u002Fneutral\u002Fpricing",[313,200,38,311,171,38],"17619950",[315,200,38,267,11,33],"17623099",[317,200,38,267,11,33],"17667008",[319,320,38,321,322,38],"17611338",17,"other\u002Fcritical\u002Fnone","nullbyte",[324,320,38,232,325,38],"17611446","lunaru",[327,320,38,321,328,38],"17612195","overcast",[],[331,336,341,346,350,354],{"id":332,"name":333,"points":334,"category":335},"17569294","Remote Habits",343,"learning_science",{"id":337,"name":338,"points":339,"category":340},"17591677","Submit Checklist",323,"web_saas",{"id":342,"name":343,"points":344,"category":345},"17580909","MicroPad",222,"productivity",{"id":347,"name":348,"points":349,"category":340},"17577386","multinational.io",201,{"id":351,"name":352,"points":353,"category":345},"17587992","Video Hub App",198,{"id":355,"name":356,"points":357,"category":358},"17599141","DSP audio",133,"creative",false,"v2",{"id":362,"name":5,"line":6,"ai":359,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":363,"top":18,"kw":364,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":365,"url":9,"mix":366,"praise":82,"objection":106,"sub":21},17609252,0.2,[24,25,26,27],"0103030005103031015533355303053535300000",[31,32,33,34],1793990977155]