Csscss: a CSS redundancy analyzer that analyzes redundancy

#1

Post by zmoazeni » Wed, Apr 10, 2013, 2:05 PM UTC

Csscss: a CSS redundancy analyzer that analyzes redundancy
zmoazeni.github.io

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#2

Post by moonboots » Wed, Apr 10, 2013, 3:00 PM UTC

CSSO [1] is a tool that removes duplicate declarations during minification instead of just warning about them. It also performs more advanced structural optimizations.

[1] http://bem.info/tools/csso/

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#3

Post by zmoazeni » Wed, Apr 10, 2013, 3:04 PM UTC

moonboots wrote: post #2

CSSO [1] is a tool that removes duplicate declarations during minification instead of just warning about them. It also performs more advanced structural optimizations. [1] http://bem.info/tools/csso/

css-ratiocinator [1] is also another tool someone mentioned to me after I launched cssscss.

[1] https://github.com/begriffs/css-ratiocinator and http://www.csstrashman.com/

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#4

Post by tlrobinson » Wed, Apr 10, 2013, 3:12 PM UTC

I love the name and tag line.

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#5

Post by susi22 » Wed, Apr 10, 2013, 3:13 PM UTC

zmoazeni wrote: post #3

moonboots wrote: post #2

CSSO [1] is a tool that removes duplicate declarations during minification instead of just warning about them. It also performs more advanced structural optimizations. [1] http://bem.info/tools/csso/

css-ratiocinator [1] is also another tool someone mentioned to me after I launched cssscss. [1] https://github.com/begriffs/css-ratiocinator and http://www.csstrashman.com/

And rework [1] allows you to change url()'s, inline images, change vendor prefixes and more...

[1] https://github.com/visionmedia/rework

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#6

Post by nemrow » Wed, Apr 10, 2013, 3:17 PM UTC

I bookmarked this for sure! I'm the WORST at having tons of duplicate declarations!

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#7

Post by [deleted] » Wed, Apr 10, 2013, 3:17 PM UTC

tlrobinson wrote: post #4

I love the name and tag line.

[deleted]

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#8

Post by zmoazeni » Wed, Apr 10, 2013, 3:23 PM UTC

If you're a ruby developer I strongly encourage you to check out the source code and parsing in general. This is heavily using parslet [1] to build a css parser [2]. I'm sure there are edge cases I have missed, but still the LOC for this codebase is relatively small and fairly readable.

Stay away from the RedundancyAnalyzer though. There be dragons.

[1] http://kschiess.github.io/parslet/

[2] https://github.com/zmoazeni/csscss/tree/ae2f22f4416bca35f903...

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#9

Post by laumars » Wed, Apr 10, 2013, 3:25 PM UTC

It's rare that I feel any particular emotion towards project names, but the name and description behind this one is inspired.

Re: Csscss: a CSS redundancy analyzer that analyzes redundancy

#10

Post by k__ » Wed, Apr 10, 2013, 3:29 PM UTC

susi22 wrote: post #5

zmoazeni wrote: post #3

Earlier quoted context omitted.

css-ratiocinator [1] is also another tool someone mentioned to me after I launched cssscss. [1] https://github.com/begriffs/css-ratiocinator and http://www.csstrashman.com/

And rework [1] allows you to change url()'s, inline images, change vendor prefixes and more... [1] https://github.com/visionmedia/rework

Is there something that can do all of this and remove the unused css after clicking through the site with a browser?