Show HN: CSS Scan – Instantly check or copy computed CSS from any element
1–10 of 52 posts
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#2Hello 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 overall vision of the styles; it's far from being a full alternative to Inspect Element.
It took me 50 hours and 17 minutes to develop. Inspired by @levelsio I recorded all the development and made a speed video. If you want to check it: https://www.youtube.com/watch?v=OtsNNXpXcYs
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#3This looks super useful! Is it also able to grab media queries and other styles that may not be applied at the current time (like style based on a parent class that gets added later to trigger an animation)?
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#4Hello 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…
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.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#5Looks 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.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#6This is really cool.
Is there any way you can add the option to turn the CSS into React inline styles?
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#7Looks 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 :)
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#8This 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!
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#9Hello 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…
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.
Thanks, geuis. I'll look into that
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#10This looks great! Though it seems funny to charge for a tool that makes it easier to copy other people's code.