{"id":610,"date":"2007-05-22T22:32:55","date_gmt":"2007-05-22T20:32:55","guid":{"rendered":"http:\/\/planetozh.com\/blog\/2007\/05\/one-click-css-tidy-cleaning\/"},"modified":"2007-05-22T22:32:55","modified_gmt":"2007-05-22T20:32:55","slug":"one-click-css-tidy-cleaning","status":"publish","type":"post","link":"https:\/\/planetozh.com\/blog\/2007\/05\/one-click-css-tidy-cleaning\/","title":{"rendered":"One-Click CSS Tidy Cleaning"},"content":{"rendered":"

I've been using CSSTidy<\/a> lately, and I like it a lot. This is a pretty cool software that optimizes CSS files so that they are smaller and cleaner. It comes with a bunch of options and is available in Linux, OSX and Windows flavors.<\/p>\n

CSSTidy context menu I'm running Windows on my test computer, and I made a convenient right click context menu on CSS files so I can clean them in one click. Here's how I did it:
\n<\/p>\n

    \n
  1. Download CSSTidy<\/a> of course, and put the executable file csstidy.exe<\/em> in, say, d:\\utils\\csstidy\\<\/em><\/li>\n
  2. Create the following file csstidy.bat<\/strong> in the same directory :\n
    \n\n\t\t
    \n\n\t\t
    \n\t\t\t\t\t\t< View plain text<\/span> ><\/a>\n\t\t\t\t\t<\/div>\n\n\t\t
    code<\/div>\n\n\t\t\n\t\t
    \n\n\t<\/div>\n\t\n\t
    \n\t\t
    1. @echo off<\/div><\/li>\n
    2. if "%1"=="" goto notok<\/div><\/li>\n
    3.  <\/div><\/li>\n
    4. copy %1 %~d1%~p1%~n1.orig%~x1<\/div><\/li>\n
    5. d:\\utils\\csstidy\\csstidy.exe %1 --preserve_css=false --remove_bslash=false --compress_colors=true --lowercase_s=true --timestamp=false --remove_last_;=true --compress_font-weight=true --allow_html_in_templates=false --silent=false --case_properties=1 --sort_properties=false --merge_selectors=0 --sort_selectors=false --template=default %1<\/div><\/li>\n
    6. goto end<\/div><\/li>\n
    7.  <\/div><\/li>\n
    8. :notok<\/div><\/li>\n
    9. echo Missing parameter: no filename !<\/div><\/li>\n
    10. pause<\/div><\/li>\n
    11.  <\/div><\/li>\n
    12. :end<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n

      This bat file is a wrapper that will first backup your myfile.css to myfile.orig.css, then call csstidy.exe with pretty standard options: remove comments, remove indents, keep the file readable, etc…<\/li>\n

    13. Now let's add the neato context menu to .css files :\n