Live data from Hacker News

Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

getcssscan.com

61–70 of 102 posts

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#61
post #11

Earlier quoted context omitted.

Thanks a lot for the support, @sbm15!

Can you share details on how you implemented paid license keys in a browser extension? I have an extension already written that is like to do the same with. And will the chrome and Firefox stores still host it?

This extension can be used for free without paying unfortunately by changing the code. I don't think there is any solid way of preventing that.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#62
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://www.warp.dev ("Download Now" or "Watch Demo" button)

There is no trial period, so it is hard to evaluate this tool. This is a really complex button, multiple SVGs, etc, so it might produce some insight into how capable the tool is.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#63
post #35

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 sophisticated people you need to rethink that.

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 expensive product. I use it all the time. The guy shipped something, and he shipped something great. You may not like countdown timers but jeez, ease off a bit maybe?

Unfortunately HN audience can smell BS really fast and these kind of tactics fall in the BS category, hence get called out. Maybe in other lay person spaces it won't be.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#64

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 sophisticated people you need to rethink that.

No post body was provided.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#65

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://www.warp.dev ("Download Now" or "Watch Demo" button) There is no trial period, so it is hard to evaluate this tool. This is a really complex button, multiple SVGs, etc, so it might produce some insight into how capable the tool is.

Yep, I am interested in more concrete samples also... If I'm not mistaken this result of copy/pasting CSS can be achieved in a multitude of ways (for free), so not seeing more intricate samples on the landing page is disappointing.

I am also interested how well this tool can handle nested sections which use selectors like :after/:before but also layering through z-index. This is typically where such tools fall short.

Would buy a license (if it can do that) in an instant though.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#66
post #35

Earlier quoted context omitted.

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 expensive product. I use it all the time. The guy shipped something, and he shipped something great. You may not like countdown timers but jeez, ease off a bit maybe?

Unfortunately HN audience can smell BS really fast and these kind of tactics fall in the BS category, hence get called out. Maybe in other lay person spaces it won't be.

No post body was provided.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#67
post #35

Earlier quoted context omitted.

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 expensive product. I use it all the time. The guy shipped something, and he shipped something great. You may not like countdown timers but jeez, ease off a bit maybe?

Unfortunately HN audience can smell BS really fast and these kind of tactics fall in the BS category, hence get called out. Maybe in other lay person spaces it won't be.

I mean is it really that BS... you're literally getting it for half price now, which you (but not necessarily YOU) may regret later on when you do want to get the product.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#68

I decided to make a Wordle clone for a joke. About 1/5 of the time it took was figuring out the CSS. I’ll have to try this, but I’m a bit surprised how hard it is in Chrome Dev Tools to figure out what the CSS was for the card flip animation. I dunno if this is my own incompetence, or CSS, or Chrome, but there’s just a rats nest of styles and classes to try to unravel to figure out what styles are actually relevant t…

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 rendered. Much much much easier than trying to understand how the written CSS cascades down to that specific element.

I find it isn’t great at targeting styles that aren’t static, like animations.

There isn’t really a playback/play forward mechanism in devtools for css.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#69

Anyone who spends a lot of time writing / editing HTML and CSS should spend some time to learn how to use browser development tools. All the features shown here are easily accomplished using built-in tools. And a lot more

Agreed. Are there advantages to this over say Firefox Web Developer Tools, where not only can you see the css as you hover but actually edit the css to see the changes? What am I missing? If there are benefits, I'm not sure the site is doing a very good job of selling them.

> Check the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Is there a way to do that in Firefox Developer Tools? If so, I would like to know because I would use it.

Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS

#70

Earlier quoted context omitted.

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 rendered. Much much much easier than trying to understand how the written CSS cascades down to that specific element.

I find it isn’t great at targeting styles that aren’t static, like animations. There isn’t really a playback/play forward mechanism in devtools for css.

Yes there is, in the Animations tab. https://developer.chrome.com/docs/devtools/css/animations/
Post reply on HN