Mincss "clears the junk out of your CSS"

#1

Post by syquek » Tue, Jan 22, 2013, 4:27 AM UTC

Mincss "clears the junk out of your CSS"
peterbe.com

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

#2

Post by mmastrac » Tue, Jan 22, 2013, 4:29 AM UTC

Very cool project!

Would be nice if you could browse through the proxy for a bit and have it record the overall usage of CSS for your site.

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

#3

Post by tomasien » Tue, Jan 22, 2013, 4:55 AM UTC

I was thinking about this earlier today and how helpful it would be to just not worry about deleting CSS I didn't need. Nice!

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

#4

Post by DanielRibeiro » Tue, Jan 22, 2013, 5:23 AM UTC

I literally hacked a small script that did this 1 hour ago, but using data from Dust-me Selectors[1].

Having a proper tool to do this is great news!

[1] https://addons.mozilla.org/en-us/firefox/addon/dust-me-selec...

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

#5

Post by jaytaylor » Tue, Jan 22, 2013, 5:34 AM UTC

A few years ago I wrote a python script which does this and more. It inlines the CSS to the page and reduces it to only the used CSS rules [1].

Additionally, my version can also inline the page images as base-64 encoded blocks.

Cheers!

[1] https://github.com/jaytaylor/python-inlineify-html

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

#6

Post by [deleted] » Tue, Jan 22, 2013, 5:56 AM UTC

[deleted]

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

#7

Post by davidjnelson » Tue, Jan 22, 2013, 6:23 AM UTC

Great work! Thank you. I've been wanting something like this. Would be great to see it evolve to handlebars templates someday.

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

#8

Post by laurencei » Tue, Jan 22, 2013, 6:26 AM UTC

The problem I have with these CSS mini programs is that a 'dynamic' site might not always load the css on each page, unless under certain specific circumstances.

i.e. what about ajax calls that result in a new div showing?

or a responsive CSS file with media queries depending upon the size of the screen?

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

#9

Post by sideproject » Tue, Jan 22, 2013, 6:33 AM UTC

So awesome! Our project at work is quite a big web-based app and we've been developing it for the past 2 years. So you can imagine there is always things to clean up. Will definitely try this!

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

#10

Post by [deleted] » Tue, Jan 22, 2013, 6:34 AM UTC

laurencei wrote: post #8

The problem I have with these CSS mini programs is that a 'dynamic' site might not always load the css on each page, unless under certain specific circumstances. i.e. what about ajax calls that result in a new div showing? or a responsive CSS file with media queries depending upon the size of the screen?

[deleted]