Solved

Need an overview of CSS pre-compilation

Posted on 2016-08-17
6
66 Views
Last Modified: 2016-08-17
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
0
Comment
Question by:newbieweb
  • 3
  • 3
6 Comments
 
LVL 8

Accepted Solution

by:
James Bilous earned 500 total points
ID: 41759607
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
 

Author Comment

by:newbieweb
ID: 41760359
.
0
 

Author Closing Comment

by:newbieweb
ID: 41760369
thanks
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 8

Expert Comment

by:James Bilous
ID: 41760370
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
 

Author Comment

by:newbieweb
ID: 41760373
But the Node would just host the pre-processor. The deployment environment can be anything that supports CSS, right?
0
 
LVL 8

Expert Comment

by:James Bilous
ID: 41760385
Correct, node would just run it when needed
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question