5 ms·
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 fas
by guivr 8y ago
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 browsers' Developer Tools and give all of the styles in the shorthand way, this means no messy CSS or styles being overwritten. You can also copy to clipboard by just clicking on it.
P.S.: Of course this is only for use cases you want to have an overall vision of the styles; it's far from being a full alternative to Inspect Element.
It took me 50 hours and 17 minutes to develop. Inspired by @levelsio I recorded all the development and made a speed video. If you want to check it:
https://www.youtube.com/watch?v=OtsNNXpXcYs https://www.youtube.com/watch?v=OtsNNXpXcYs
- geuis 8y agoYou 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.
- guivr 8y agoThanks, geuis. I'll look into that
- deadcoder0904 8y agoAny chances you can get it integrated with React? Like show the component name when trying to copy styles.
- guivr 8y agoYou mean webcomponents? I'll study this. Thanks for the suggestion!
- NathanCH 8y agoNo, not webcomponents.
- RobertRoberts 8y agoI'd vote for web components over React, as some of us use Vue or Angular...
- sbjs 8y agoI still don’t understand why Angular hasn’t died out. It’s very hard to understand and the tutorials can’t simplify that because it’s just inherently very complex. It feels highly over engineered like classical Java. Instead of allowing you to opt into more complex features as needed like a good framework should do, it forces you to learn its steel curve up front!
- ivthreadp110 8y agoI really enjoyed Angular 1.x, was not happy with the 2.0 version (other then they fixed some critical performance issues with scaling websites). It was perfect for making simple single page applications for internal use at an an eCommerce company. POS, Order Processing, RMA processing, Research, competition and price controls, inventory & warehouse management, etc. I use ReactJS for large applications these days.
- b_b 8y agoI think it's due to its enterprise users and customer bases, and never underestimate the power of legacy code base inertia that often keep these types of things going.
- Kamshak 8y agoIt has improved quite a lot, it's a joy to code in in the newest versions. You do need to invest a bit of time to learn it but it's well worth it
- geuis 8y agoJust 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.
- Theodores 8y agoI want to know more about the bicycle tour this is paying for! Glad you got off the sofa a few times during the code-a-thon, you could have spent all that time in front of a games console, so well done for completing the task.