jasequity.blogg.se

This is very important for long-term projects, in which code is constantly edited, rewritten or replaced. CSScomb helps maintain your coding style.Here are some reasons to use this little tool for CSS sorting:

That was when I decided to create a very simple utility that would do just one thing but do it well: sort the properties inside each selector.ĬSScomb has turned into a great utility that can really help with your professional work. In addition, sometimes I had to work with legacy or third-party code that did not comply with our coding style. Maintaining the correct order by hand was tiresome. The naming system for CSS classes, line lengths, spaces, tabs and indents, and the order of CSS properties within selectors - everything was different. I’ve worked on several teams, and each had a different CSS coding style. So, some details for the geeks and perfectionists who love tech small talk… Why Do You Need CSScomb? Here’s an example of how disarranged code can be fixed by CSScomb: The CSScomb algorithm is designed to “think” as a human editor, not as a dumb robot parsing CSS. This task is fairly dull to do by hand: you can trust CSScomb to do it for you. In order to re-sort, it is would usually be necessary to cut and paste lines, taking into consideration comments, multiline values, hacks - everything you would encounter in any serious project. The CSScomb algorithm is intended to be as close as possible to the choices a Web developer would make when working on CSS code. There’s a simple way to automatically sort CSS properties in your projects.ĬSScomb is a utility to sort CSS properties within each selector declaration in a predefined order. So, if you want to pay attention to your code’s style, this article is for you. So it’s about time to think of the consistency of the ordering of CSS properties inside selector declarations as seriously as you’d think about consistency in the formatting of code. In all probability, you use pretty much every single one of them in your projects. This time we present CSScomb, a tool to help you sort and categorize CSS properties in your code to improve maintenance.Īs of this writing, Web browsers support about 200 different CSS properties.

The fourth shared a free plugin called GuideGuide with us, and later we’ve announced Erskine’s responsive grid generator Gridpak and JS Bin. The first article covered PrefixFree the second introduced Foundation, a responsive framework the third presented Sisyphus.js, a library for Gmail-like client-side drafts. This is our seventh article in a series that introduces the latest useful and freely available tools and techniques, developed and released by active members of the Web design community.