CSS Scan
Dev tools
browser extension for css inspection
SHOW HN2018
How HN took it
8 positive, 12 neutral or asking, 1 mixed, 4 critical, out of 25 comments about the project. Thread score +0.20.
Idea: 6 for, 1 againstPricing: 2 for, 1 againstDesign: 0 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful for checking computed styles and porting CSS to new layouts
From 3 comments
This 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.…
Globz on HNThis is a great tool. I hate inspecting element to check computed css properties to troubleshoot issues for our clients. Definitely worth a shot.
codegeek on HNThis is great. I've been looking for a good way to be able to identify between active styles and legacy css that seems to build up over time, and this is a pretty neat way to do…
King-Aaron on HN
Saves time compared to Developer Tools
From 2 comments
Hello 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…
guivr on HNI bought it - it’s cheaper than a coffee and Saves me time!
johnmurch on HN
Objections
Duplicates getComputedStyle and Chrome devtools computed panel
From 1 comment
Isn't this literally getComputedStyle[1]? Chrome devtools already has a 'computed' section which shows the same thing. What additional functionality does this provide that I'm…
ninjaranter on HN
Hard to use on mobile; demo button hidden in narrow windows
From 2 comments
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.
geuis on HNI 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…
posamari on HN
Charging for a tool that copies others' code seems odd
From 1 comment
This looks great! Though it seems funny to charge for a tool that makes it easier to copy other people's code.
staffordrj on HN
Requests
Copy full ruleset including selector
From 1 comment
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…
conceptpad on HN
Integrate with React or show component names
From 1 comment
Any chances you can get it integrated with React? Like show the component name when trying to copy styles.
deadcoder0904 on HN
Convert styles to React inline styles
From 1 comment
This is really cool. Is there any way you can add the option to turn the CSS into React inline styles?
tomjohnneill on HN
Link back to stylesheets via source maps
From 1 comment
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.
geuis on HN
Show partial grid limited by nesting depth
From 1 comment
Is 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…
Kagerjay on HN
Questions
Does buying include future updates?
From 1 comment
If we buy, do we get future updates?
nolite on HN
Sales numbers and how licensing works
From 2 comments
Can 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…
seanwilson on HNBy the way, how does the Gumroad integration and license checking work? You get the extension files to download on purchase? I'm integrating Paddle for payments into my…
seanwilson on HN
Alternatives named
Chrome and Firefox developer tools computed panel
From 2 comments
Isn't this literally getComputedStyle[1]? Chrome devtools already has a 'computed' section which shows the same thing. What additional functionality does this provide that I'm…
ninjaranter on HNAnyone from Chrome/FF/Safari teams willing to implement this functionality into the default dev tools? It's super handy.
arxpoetica on HN
computed-style-to-inline-style npm package
From 1 comment
I'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…
ceagrass on HN