Group items tagged

"Syntactically Awesome Stylesheets"

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

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.

Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.

Buena explicación de cómo usar compass en un ambiente cakephp.

CSS is a really simple and straightforward language, but when it is getting too long - let's say for a thousand of lines, it turns into a maintenance 'nightmare'. Everything will be too complicated to maintain, and we will get lost with which style rules to keep up with or overwrite. For that reason, a CSS Pre-processor is created to make writing CSS programmable and more maintainable............

Derby is a Sublime Text 2 plugin that will auto-completes all Neat and Bourbon statements allowing you to write much faster SCSS / SASS. It also has the whole Bourbon and Neat docs compiled into it which can be called with a simple command. This prevents you from having to leave your work to look up functions, which can translate to loss of focus.

In the first part of this series I gave a quick overview of the popular CSS preprocessors LESS and SASS. I also shared a few of the frameworks in which they are used. I plan on taking a deeper dive into LESS and talking about the parts of the language I use most often. I also plan on showing you how to get started using it with CodeKit. Let's dig in!