This looks great! Though it seems funny to charge for a tool that makes it easier to copy other people's code.
Thanks! :)
Yeah, but you can use it for yourself too, just to check your styles or to study the web.
Show HN: CSS Scan – Instantly check or copy computed CSS from any element
21–30 of 52 posts
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#22Hello 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.
You mean webcomponents? I'll study this. Thanks for the suggestion!
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#23Hello 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…
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.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#24Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#25If we buy, do we get future updates?
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#26This is basically an advertisement.
I mean a synonym for "advertise" is literally "show". What I really have a problem with is when someone else hijacks someone's thread with their own agenda.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#27Is 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 levels deep at most.
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#28Earlier quoted context omitted.
Any chances you can get it integrated with React? Like show the component name when trying to copy styles.
You mean webcomponents? I'll study this. Thanks for the suggestion!
I'd vote for web components over React, as some of us use Vue or Angular...
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#29I'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 for me. There were a lot of manual steps for me to do this though, so CSS Scan seems like a pretty nice "one click" alternative.
[1]: https://www.npmjs.com/package/computed-style-to-inline-style
Re: Show HN: CSS Scan – Instantly check or copy computed CSS from any element
#30Can 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 I'd be super interested in learning more.