Need an overview of CSS pre-compilation

Posted on 2016-08-17
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.

Question by:newbieweb
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
  • 3
  • 3

Accepted Solution

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 or SASS to get an idea of what CSS preprocessors do.

Author Comment

ID: 41760359

Author Closing Comment

ID: 41760369
Containers & Docker to Create a Powerful Team

Containers are an incredibly powerful technology that can provide you and/or your engineering team with huge productivity gains. Using containers, you can deploy, back up, replicate, and move apps and their dependencies quickly and easily.


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.

Author Comment

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

Expert Comment

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

Featured Post

Is Your Team Achieving Their Full Potential?

74% of employees feel they are not achieving their full potential. With Linux Academy, not only will you strengthen your team's core competencies but also their knowledge of of the newest IT topics.

With new material every week, we'll make sure that you stay ahead of the game.

Question has a verified solution.

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

Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to dynamically set the form action using jQuery.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

696 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