Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Need an overview of CSS pre-compilation

Posted on 2016-08-17
6
67 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!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

840 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