If you remember, some time back I had released a small Java application called CSS Sorter that sorts the Cascading Style Sheet rules alphabetically. That application was developed based on Google’s App Engine Java platform. I took that project as a learning exercise to know more about Google App Engine development and it served well for that purpose.
However, the CSS Sorter tool was lacking few functionality and it had some bugs too (thanks to @sonnes for reporting one). I was holding the CSS sorter revamping plan for the past few weeks, mainly because the programming in my old laptop was a pathetic experience (hope my old laptop doesn’t read this post! 
). Since now I’m a proud owner of a new powerful machine, I took up the revamping and here you go – the new CSS Sorter.
What did I fix:
- Fixed a bug, that removed the forward slashes in any URLs that are present in CSS.
- Added new ways to input CSS files. Now you can either Copy & Paste your CSS code or Upload a CSS File or Enter an URL which contains a CSS file.
- Redesigned the user interface.
I have few more plans also in my mind to develop. Hopefully I’ll release those soon.
Disclaimer: I would recommend you to take a backup of your CSS file, in case this tool mess up your CSS file after processing. 
But if you notice any bugs, please let me know so that I’ll fix it.
{ 2 comments… read them below or add one }
It’s a nice idea…But i encountered a pbm, just FYI
.ls_container {
margin-bottom : 35px;
margin-top : 10px;
position : relative;
}
.ls_element {
display : inline;
float : left;
margin-left : 4px;
margin-right : 4px;
}
.ls_a {
border : 0px;
margin : 0px;
}
.ls_img {
border : 0px;
margin : 0px;
}
.ks {
border : 0px;
margin : 0px;
}
I tried sorting this. something went wrong, it came as it is. Am i missing something
Thanks Kumar.
By the way, what you saw is the expected functionality of the tool. The tool sorts only the CSS rules that are inside the .class{} elements. Since all the CSS rules are already in sorted format, it came as it is.
Just to clarify, the tool wont re-order .ls_a{}, .ls_img{}. Instead it will reorder the style rules that are inside .las_a{} and so on.
{ 1 trackback }