tools for obfuscating html and css [closed]

I am looking for something like this or this

what it does

rewrites classes and ids in CSS, HTML, and JavaScript files, doing something like .class to .a or #id to #a not sure the javascript obfu is great to use ( i prefer google closure to do this ) but the html and css is the question.

is there any alternative ?


Solution 1:

Google's Closure Stylesheets can rename your class names. It work in conjunction with Closure Template for the HTML and Closure Compiler for the JavaScript.

Closure Stylesheets makes it possible to rename CSS class names in the generated stylesheet, which helps reduce the size of the CSS that is sent down to your users. Of course, this is not particularly useful unless the class names are renamed consistently in the HTML and JavaScript files that use the CSS. Fortunately, you can use the Closure Compiler to update the class names in your JavaScript and Closure Templates to update the class names in your HTML.

Solution 2:

I saw html muncher mentioned in an answer to a similar question. I have not tried it, but it looks to be as simple to use as what you mentioned in your comment on Jerome's answer. It doesn't look to be actively maintained though.

[Update] I also found a similar node project, munch.js, that says it is based on html muncher.