Subscribe
Sign in
CSS Scan 2.0 — The fastest and easiest way to inspect or copy CSS ⚡️
Browser extension to inspect on steroids — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.
135
Replies
Craig Paterson
Awesome work @gvrizzo Just purchased a licence for CSS Scan and I'm looking forward to using as part of my workflow 👍🏻
Share
@craigcpaterson That's great to hear, Craig! Thanks for supporting my work and let me know if you have any feedback.
@webchun Hey! Yes, that is the latest one. Good idea, will put it on the roadmap!
@gvrizzo this is such an awesome tool. If I purchase license and use it on Chrome and Firefox on the same computer is that one activation of the license or two?
@scottcents Hi, Scott! That would count as two activations, but right now we have a new system where you can manage your activations easily, deactivating and reactivating when needed. https://mycssscan.com
@haoyangnz ✨ CSS Scan is especially useful for:
- Discovering how your favorite websites are styled;
- Debugging your own code;
- Moving your codebase;
- Copying specific elements from frameworks/themes/templates to use them without importing huge CSS files.
@joulse Haha thank you so much for supporting me all this time, Joulse! It's a pleasure to have your review on the main website!
My first ever chrome extension purchase! Regrets? None!
Pros:Everything!
Cons:None.
Awesome, Masharty! Thanks for supporting me. I hope our lives always all Pros and no Cons! Haha have a great day :D
Hey @gvrizzo … on your buy page there is always a special deal, for example today it says "🎁 Save 14% - National Beer Day Deal - only until April 12" … where do you get this widget / service? … what is it called? it's clever. Thanks, please do let me know! :)
@gvrizzo I purchased the extension. I don't see `"Options" › "Hover styles" › "Copy it separately" … it says on website ability to copy hover state. Where is that option in the app? thanks!
@rowemore Hi, Rowe! Thanks :) It's now named "Pseudo-classes and pseudo-elements" instead of "Hover styles". Thanks for the heads up, will update the FAQ on the website!
+1 for Safari support? I have the Brave browser for using the Chromium engine but I use Safari primarily.
@jkspn Hey John, we just launched the Safari support for free! Please check your email to download it. Enjoy it!
@danirogerc Sure, Daniel! Keep using it and I'll keep updating it! We are making a 10 FREE licenses GIVEAWAY on May 16, btw. To participate, just like and RT this tweet (https://twitter.com/gvrizzo/stat...), and good luck!
Because you are already a user 🙌, if you win, you’ll get DOUBLE licenses
Overall just a great product, bought the first version last year and it's been a trusty tool in my dev kit ever since.
Pros:Best purchase that I ever made buying CSS Scan
Cons:None
Wow! Thank you so much for supporting me all this time, Jess. Great to hear that!
@aaronoleary Hey Aaron! Thanks for asking it :)
Since the first launch, I've added:
+ Code syntax highlighting
+ Show rendered font
+ Show element dimensions
+ Option to pin the box
+ Shortcuts (Lots of people asked)
+ Option to move the UI buttons to the bottom
+ Option to pause the scanner
+ Option to truncate classes names
+ Show :hover styles separated
+ Copy :hover styles merged or separated
+ Traverse the element and scan the parent
+ Identifies when elements are being overlapped
+ Now it works on iframes!
+ More shorthand rules support
+ i18n: Chinese (simplified and traditional) and Portuguese
+ Redesign UI and landing page
Just bought it and really recommend it to anyone looking for an easy way to inspect css
Pros:Simple and effective
Cons:none