{"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
    @echo off\r\nif "%1"=="" goto notok\r\n\r\ncopy %1 %~d1%~p1%~n1.orig%~x1\r\nd:\\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\r\ngoto end\r\n\r\n:notok\r\necho Missing parameter: no filename !\r\npause\r\n\r\n:end<\/code><\/pre><\/div>\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
  3. Now let's add the neato context menu to .css files :\n
      \n
    • Open the Control Panel and choose Folder Options. Select the 'File Types' tab, and look for the 'CSS' item. Click on 'Advanced', then click on 'New"\u00a6'<\/li>\n
    • In 'Action', type 'CSSTidy', and in 'Application used to perform action', enter the following command:\n
      d:\\utils\\csstidy\\csstidy.bat "%1"<\/code><\/pre><\/div>\n<\/li>\n<\/li>\n<\/ol>\n
      You're done ! It even works the same if you select multiple CSS files, right-click and pick CSSTidy in the context menu. Of course, remember to change the paths to reflect your own installation.<\/p>\n","protected":false},"excerpt":{"rendered":"
      I've been using CSSTidy 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. I'm running Windows on my test computer, and I made a convenient right click context menu\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[2,55,207,4],"class_list":["post-610","post","type-post","status-publish","format-standard","hentry","tag-code","tag-css","tag-csstidy","tag-windows"],"_links":{"self":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts\/610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/comments?post=610"}],"version-history":[{"count":0,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/posts\/610\/revisions"}],"wp:attachment":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/media?parent=610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/categories?post=610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/tags?post=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}