Cool little helper, but with that price buyers will think twice before they buy it.
Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
21–30 of 102 posts
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#22> No unuseful, duplicated, overridden, or longhand CSS How does this differ from doing Cmd-Shift-C, selecting an element, and checking the Computed tab in Dev Tools?
Hi, @lelandfe, there's an answer for that on our FAQ: * How is this better than "Computed Styles"? > When you copy CSS from “Computed Styles”, aside from the declarations being longhand and bloated, it transforms all measurement units such as %, em, rem in pixels (px). This could break your website on mobile devices. "Computed Styles" also don’t give you pseudo-classes, pseudo-elements, media queries, and keyframes s…
> it transforms all measurement units such as %, em, rem in pixels (px)
This is known as the "computed value" https://www.w3.org/TR/css-cascade-4/#computed. The Computed tab will still display the specified values in the units they were declared in if you expand the list of matching selectors.
> also don’t give you pseudo-classes, pseudo-elements
True! A useful feature you've added; but if I select a pseudo-element in my inspector I can still see (and copy) the computed value
> media queries, and keyframes styles
This is also provided by just clicking the arrow next to a selector and expanding the matching ruleset in the Computed tab. Your product reduces the effort a great deal though! Love the demo.
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#23looks like a product aimed at junior devs, who don't know how to use DevTools also "Save 59% - Product Hunt Launch Deal - only until July 21st" sounds sketchy AF i don't buy anything from websites with countdowns or fake discounts
Hi @ushakov, I have a question about your https://typosaur.com website. It seems to be based on https://languagetool.org. Don't you think you should disclose this?
@guivr Cool project!
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#24Good luck with your journey but I really can't find any reason to why should I buy this.
I see developers copy/paste CSS out of Figma (for better or mostly worse). That's not how I write code, but I can see a market.
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#25Does this preserve and copy CSS custom properties ("variables")?
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#26I 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.
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#27No post body was provided.
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#28This tool addresses one aspect of my job really well, looking at how a dev implemented my figma design, and showing them exactly which little tweaks need to be made to fix it up. Of course inspector works too, but it's just like buying [Cleanshot](https://cleanshot.com/) instead of using the built in macOS screenshot tools. Providing a more refined experience for something I need as part of my regular job.
It's expensive for what it is, yes. But as a self-employed consultant, these (non-subscription) business expenses for software are my favorite.
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#29looks like a product aimed at junior devs, who don't know how to use DevTools also "Save 59% - Product Hunt Launch Deal - only until July 21st" sounds sketchy AF i don't buy anything from websites with countdowns or fake discounts
Hi @ushakov, I have a question about your https://typosaur.com website. It seems to be based on https://languagetool.org . Don't you think you should disclose this? @guivr Cool project!
Thanks for checking out Typosaur!
This is correct, Typosaur uses LanguageTool for spell-checking. We are currently working on a new landing page, which will mention that. This is not something we're trying to hide and in fact we're very proud and grateful for what LanguageTool has offered us
You can also leave your e-mail if you want to be notified when Typosaur launches
Re: Show HN: I made CSS Scan 3.0, a fast way to check and copy CSS
#30looks like a product aimed at junior devs, who don't know how to use DevTools also "Save 59% - Product Hunt Launch Deal - only until July 21st" sounds sketchy AF i don't buy anything from websites with countdowns or fake discounts
Hi, it's not a cash-grab, been working on it for almost 4 years now, just trying to make something useful that helps people save time.
sorry about the wording, i've edited that out