Online CSS Code Editor
Organize and tidy up your style sheets with this free online CSS editor with syntax highlighting and many useful code cleaning options. Load the demo text and try the style cleaning options.
Perform cleaning options one by one pressing the desired items in the list and set indentation of the lines with the Organize button to make the text more readable for humans.
This tool allows you to easily compress the CSS, delete comments, convert font-weight to its numeric form, convert color names to their hex values. Sets one space before !important and after colons. Deletes the last semicolon in the block, @media rules and unnecessary white characters that make the file size bigger.
How to get clean CSS?
Before working with files for a live website I would strongly advise you to load the Demo sheet clicking the dedicated button above the character counter on the left. Click through the options to see how they affect the content. Note that you can always come back to the state before the operation using the Undo button or load a new demo anytime you wish.
Keep in mind!
- Always keep a backup of your file on your hard drive so you can recover an early version in case something goes wrong with this online tool.
- Test your site on a staging development environment before going live. Make sure it's working as required on various web browsers and mobile devices.
- This CSS cleaner is not sending your code to the server. The operations are executed on the client side and it needs internet connection only when you load the page.