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 if you can reach into source via document.stylesheets, grab the selectors from source (as another option).
Show HN: CSS Scan – Instantly check or copy computed CSS from any element
11–20 of 52 posts
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#12Looks 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.
Hey, thanks! You can actually try if you're on a desktop. There's a Demo button to test it :)
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 disappears.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#13This is a great tool. I hate inspecting element to check computed css properties to troubleshoot issues for our clients. Definitely worth a shot.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#14This is basically an advertisement.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#15Hello 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 browsers' Developer Tools and give all of the styles in the shorthand way, this means no messy CSS or styles being overwritten. You can also copy to clipboard by just clicking on it. P.S.: Of course this is only for use cases you want to have an…
Any chances you can get it integrated with React? Like show the component name when trying to copy styles.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#16Great 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 if you can reach into source via document.stylesheets, grab the selectors from source (as another option).
Thanks for the suggestion! Nice idea, will write it down to feature requests :)
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#17This is basically an advertisement.
HN has a pretty strong history of people posting their/other's projects, commercial or otherwise and getting feedback. So in a way, every Show HN is an advertisement. I don't believe this should be discouraged. I personally find the Show HN posts far more interesting and closer to HN roots than the typical tech/political news that dominates the front page these days.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#18Anyone from Chrome/FF/Safari teams willing to implement this functionality into the default dev tools? It's super handy.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#19This 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. Thank you!
That's nice to hear, Globz! I hope you enjoy it =)
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#20This is a great tool. I hate inspecting element to check computed css properties to troubleshoot issues for our clients. Definitely worth a shot.
Thank you for the support!