Grow your CSS skills. Land your dream job.

Visualising the css impact on a page – where to go from here?

  • # May 12, 2013 at 5:37 pm

    I’ve been working on a tool that shows where the css rules on a page interact with the markup.

    [http://css.benjaminbenben.com](http://css.benjaminbenben.com/ )

    It’s still quite rough (it won’t work in firefox because of the way that I’m sending the screenshots).

    I’ve started a [blog post](http://benjaminbenben.com/2013/05/09/wtcss/ “Visualising CSS selector matches”) about why I built it initially – to see if selectors became more specific as a css file grows in size.

    I was wondering:

    * is this a useful thing to know?
    * are there any better things it could be used for?

    General / other feedback would be awesome too.

    Ben

    # May 12, 2013 at 10:05 pm

    Hmmmmm. Very cool concept, though I’m not particularly sure I’d find any use in it. I think finding unused styles can help, for sure, but I think the visualization doesn’t really add anything to it. Sweet experiment, though, maybe it’ll catch on!

    # May 13, 2013 at 3:11 am

    Same as @TheDoc: it looks awesome, and feels awesome. But I don’t see any point. Very fun to use anyway. :)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".