This has got to be my favourite CSS Formatter/ CSS Optimizer/ CSS optmiser/ CSS compressor.

It's got a number of options in which, for example you can make the file highly compressed yet still readable or totally compressed and virtually unreadable or totally readable with less compression.

You can even feed highly compressed CSS files into it and set the output to readable so that you can see what you did, edit and recompress again.

Extremely handy piece of kit if you ask us ;)

Labels: css, tools

I just found out something really cool in DreamWeaver 8's Find & Replace, here's the crack...

I had a compressed & optimised CSS file, with no line breaks. Thing is that I needed a version WITH line breaks so that it can be worked on a bit easier THEN optimised and compressed.

Trouble is that DreamWeaver doesn't appear to have the option I wanted... I wanted to replace every brace character } with a brace } and a new line/ carriage return/ line feed. I checked DreamWeaver's Help and it didn't enlighten me.

So I just went ahead and did what I thought might work, taking the CRLF knowledge from PHP into DreamWeaver, making sure, because this was a test, to only apply the Find & Replace to the current document ;)

Find: }

Replace: }\n

Replace All

It worked!

Obviously if your CSS is fully compressed you can give every single selector a line break with find & replace on opening braces { and replace with {\n and replace every semicolon ; with ;\n

Labels: css, dreamweaver, software, tools

I didn't know this until today and I thought I'd pass it on... to write text in Title Case, where the first letter of every word is capitalised, you need only modify the selector in your CSS with the line: text-transform:capitalize; It's as easy as that!

Labels: css