Need an overview of CSS pre-compilation

I love the sound of using automation to fix what can get sticky and ugly as an project grows.

Please give me a quick idea how it works, and what some benefits are of the leading CSS pre-compilers.

Thanks
newbiewebSr. Software EngineerAsked:
Who is Participating?
 
James BilousConnect With a Mentor Software EngineerCommented:
Precompilation just means that you are using a CSS extension language and running it through an interpreter to get the actual CSS you want to serve to the user. Check out what LESS does http://lesscss.org/ or SASS http://sass-lang.com/guide to get an idea of what CSS preprocessors do.
0
 
newbiewebSr. Software EngineerAuthor Commented:
.
0
 
newbiewebSr. Software EngineerAuthor Commented:
thanks
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
James BilousSoftware EngineerCommented:
Yeah, less is essentially a "precompiler" so you write LESS code and when its compiled it turns into CSS. When this compiling happens is up to you. For example, you can compile when serving up a page in node, when your page is rendered in the browser, or before hand completely into a static file. "running in" less basically means the compiling step is automated within these environments.
0
 
newbiewebSr. Software EngineerAuthor Commented:
But the Node would just host the pre-processor. The deployment environment can be anything that supports CSS, right?
0
 
James BilousSoftware EngineerCommented:
Correct, node would just run it when needed
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.