7 ms·

CSS Spider – fast and easy way to check, copy and edit CSS

15 points by URfejk 6y ago

drcongo 6y ago
Absolutely nothing happens when I hover over an element after clicking "Try it yourself on this page".
- reaperducer 6y ago
  Ditto. If I click on that element I get a black box with a few icons in it, but no actual information. Safari 14.0 on macOS 10.15.16
  - URfejk 6y ago
    drcongo, try the extension instead: https://chrome.google.com/webstore/detail/css-spider/eneakgbflmejjpkogbdmebjbfcdebjik https://chrome.google.com/webstore/detail/css-spider/eneakgb...
    - drcongo 6y ago
      I use Safari.
      - zatel 6y ago
        It works for me on osx firefox. Here is what it looks like https://imgur.com/a/UjX0Bug https://imgur.com/a/UjX0Bug
doublerabbit 6y ago
Ironic that the page is completely broken on the iPhone XR
- URfejk 6y ago
  Also on Android.
Gualdrapo 6y ago
Wonder if it could be available via a greasemonkey script or the like. The fact it's usable in a web browser with no extension support makes me think it's possible.
lol768 6y ago
It doesn't seem to copy all of the rules? { box-sizing: border-box; touch-action: manipulation; overflow-x: visible; text-transform: none; appearance: button; display: flex; actualWidth: 269; actualHeight: 40; } is what I get on the "try it your self" button, but there's a background-color, a color, an animation etc all set on the element that don't appear. Also, what's actualWidth / actualHeight?
Santosh83 6y ago
Works for me. You first need to click the "try it yourself on this page" and then move the mouse around and try hovering over various parts of the page. The black overlay box follows your mouse cursor and while it is initially empty, once you start moving the pointer, the rules start appearing in it.
naveen_ 6y ago
Website is not mobile friendly.
seanwilson 6y ago
How is this not an utterly shameless clone/duplication of https://getcssscan.com/ https://getcssscan.com/? The colour scheme + UI of the tool is almost identical, the first heading "The fastest and easiest way to check, copy and edit CSS" on the homepage is identical, chunks of other text is the same, FAQ questions are identical etc. I can't understand why anyone would put the work into making something like this and not make a minimal effort to at least write their own marketing text and change the colours.
frob 6y ago
For a site supposedly about easy css editing, it is surprisingly unreadable on mobile. This does not give me faith in their product.
thrownaway954 6y ago
As others have pointed out already... this is a blatant rip off of CSS Scan https://getcssscan.com/ https://getcssscan.com/ not only is the website text copied, the look and feel of the product is ripped off as well. I wouldn't be surprised if this was some sort of malware.
Normille 6y ago
Maybe I'm being dumb here, but why would you use this [and I see getcssscan is an eye-watering $70] instead of just your browser's built in Dev Tools?

15 points by URfejk 6y ago

drcongo 6y ago

Absolutely nothing happens when I hover over an element after clicking "Try it yourself on this page".

reaperducer 6y ago
Ditto. If I click on that element I get a black box with a few icons in it, but no actual information. Safari 14.0 on macOS 10.15.16
- URfejk 6y ago
  drcongo, try the extension instead: https://chrome.google.com/webstore/detail/css-spider/eneakgbflmejjpkogbdmebjbfcdebjik https://chrome.google.com/webstore/detail/css-spider/eneakgb...
  - drcongo 6y ago
    I use Safari.
    - zatel 6y ago
      It works for me on osx firefox. Here is what it looks like https://imgur.com/a/UjX0Bug https://imgur.com/a/UjX0Bug

doublerabbit 6y ago

Ironic that the page is completely broken on the iPhone XR

URfejk 6y ago
Also on Android.

Gualdrapo 6y ago

Wonder if it could be available via a greasemonkey script or the like. The fact it's usable in a web browser with no extension support makes me think it's possible.

lol768 6y ago

It doesn't seem to copy all of the rules? { box-sizing: border-box; touch-action: manipulation; overflow-x: visible; text-transform: none; appearance: button; display: flex; actualWidth: 269; actualHeight: 40; } is what I get on the "try it your self" button, but there's a background-color, a color, an animation etc all set on the element that don't appear. Also, what's actualWidth / actualHeight?

Santosh83 6y ago

Works for me. You first need to click the "try it yourself on this page" and then move the mouse around and try hovering over various parts of the page. The black overlay box follows your mouse cursor and while it is initially empty, once you start moving the pointer, the rules start appearing in it.

naveen_ 6y ago

Website is not mobile friendly.

seanwilson 6y ago

How is this not an utterly shameless clone/duplication of https://getcssscan.com/ https://getcssscan.com/? The colour scheme + UI of the tool is almost identical, the first heading "The fastest and easiest way to check, copy and edit CSS" on the homepage is identical, chunks of other text is the same, FAQ questions are identical etc. I can't understand why anyone would put the work into making something like this and not make a minimal effort to at least write their own marketing text and change the colours.

frob 6y ago

For a site supposedly about easy css editing, it is surprisingly unreadable on mobile. This does not give me faith in their product.

thrownaway954 6y ago

As others have pointed out already... this is a blatant rip off of CSS Scan https://getcssscan.com/ https://getcssscan.com/ not only is the website text copied, the look and feel of the product is ripped off as well. I wouldn't be surprised if this was some sort of malware.

Normille 6y ago

Maybe I'm being dumb here, but why would you use this [and I see getcssscan is an eye-watering $70] instead of just your browser's built in Dev Tools?