Group items tagged

To extend the capabilities of CSS, preprocessors called as SaSS and LESS were introduced. Both of them are dynamic stylesheet languages used for developing parameter based stylesheets for creating different styles in an entire website. However, we will mainly be discussing about LESS here as it is more developer-friendly and uses the Javascript syntax. Some of the features which LESS provides to a web designer are discussed here.

"Syntactically Awesome Stylesheets"

Sass makes CSS fun again. Sass is CSS, plus nested rules, variables, mixins, and more, all in a concise, readable syntax.

Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.

Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.

"Drag and drop image files into the space below and click "Generate" to create a sprite sheet and stylesheet"

CSS3 changes everything. There are 116 new properties* with multiple vendor prefixes and different syntaxes. No one could be expect you to memorize everything. Fortunately, there are a number on free online tools which will help you create modern CSS3 code to cut and paste into your stylesheets…

The CSS Compressor makes major changes to stylesheets and is still in developement, so it may not work correctly.