Can CSS be made to be easier to read and code? How can we make coding it more efficient?
Perhaps you have thought of these questions and wondered about the rise of CSS Preprocessors, but just what exactly are they?
Coding valilla css is easy enough so how can you make it a more streamlined process, quicker and more efficient? Well over the last few years more people have been moving over to the use of LESS or SASS as a simplified coding language and compilation tool for CSS. These and other css preprocessors enhance CSS to closer to programming with facilities like functions, class and id nesting, variables, and mixins.
But LESS or SASS CSS is not the end code, with the addition of compilers, for instance Codekit, LESS and SASS files can be compiled into full vanilla css to be used within your WordPress or Joomla! websites.
Here is a great infograph introduction to CSS Preprocessors.
What does this mean for the development process? Using these CSS system, development time is reduced, less coding is required, increased ability to read the css and less repetition of css classes or ids required.