Mincss "clears the junk out of your CSS"

Post by driverdan » Thu, Jan 24, 2013, 10:47 PM UTC

illumen wrote: post #45

driverdan wrote: post #40

I wrote something simliar a while back called CSSess[1]. It's entirely JS and runs in the browser. It's based on yet another project called Helium[2]. The primary difference is that it crawls your site and checks over multiple pages. This is a must have feature for pretty much all sites. I've been meaning to port it to node and run it with a headless browser. Contributions are always welcome. 1: http://cssess.com 2:…

Have you considered combining it with a headless browser, like phantomjs, or with node.js + jsdom (a js based DOM that can run jquery)?

I've been wanting to make it headless for a while, just haven't gotten around to it yet.

Post by junto » Mon, Jan 28, 2013, 11:01 AM UTC

oyvindeh wrote: post #29

junto wrote: post #28

I've been looking for something like this, but with support for styles added using JavaScript. I have found anything yet, and it doesn't appear that this would do it either?

I started a similar project before Christmas. It has a whitelist feature, where you can list styles added using JavaScript. It may not be the perfect approach, but it's at least one way of getting around the problem. It also supports lists of HTML and CSS files to search through. It can perform login, find duplicates, list used rules as well as unused rules, as well as count how many times each rule is matched in the…

The only thing I could think of was to have some kind of browser extension, that works something like this:

  1. Start the extension scan

  2. Scan all external CSS currently in use (page load)

  3. Scan all inline CSS currently in use (page load)

  4. Monitor (this is the missing piece of the puzzle): Developer uses the app and extension monitors new AJAX or JavaScript added CSS rules

  5. Developer clicks a Finish and Report button:

    a) Warning for inline CSS that could be moved externally

    b) Warning for external CSS that is never used

    c) Export (per CSS file, or combined and minified) CSS files, with unused CSS removed.

Re: Mincss "clears the junk out of your CSS"

Re: Mincss "clears the junk out of your CSS"