Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there an online tool to compile LESS? [closed]

Tags:

css

less

I'm trying to use LESS in my webpage, but am having trouble compiling it. It's built to work on ruby, which I don't have permission to install on my pc. Is there an online tool for this compilation?

I know that lessphp exists, but I can't find the demo on their site any longer.

To summarise, I'm looking for a quick and dirty solution to compiling LESS to test my stylesheets locally. Ideally, this would integrate with Microsoft Expression Web 4 (hooray for dreamspark), but I'd be perfectly happy with a "copy, paste, compile, copy, paste" web interface.

Does such an interface exist?

like image 930
Eric Avatar asked Sep 21 '10 19:09

Eric


People also ask

What is Lessjs?

Overview. Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language and Less. js, the JavaScript tool that converts your Less styles to CSS styles. Because Less looks just like CSS, learning it is a breeze.

Does Google have a compiler?

Google's Chrome browser is now built using the Clang compiler on Windows. Previously built using the Microsoft C++ compiler, Google is now using the same compiler for Windows, macOS, Linux, and Android, and the switch makes Chrome arguably the first major software project to use Clang on Windows.

How can you compiling LESS to the CSS?

Pre-compiling LESS into CSS: To compile LESS into CSS, we use the below command in a command prompt. The lessc command lets us precompile our LESS file into a basic CSS file. This helps us in writing modular code using LESS programming and still getting all the benefits of CSS by compiling it into traditional fast CSS.

How do I compile LESS to CSS in Visual Studio?

css file nested under it in Solution Explorer after being enabled on the project. By default, compilation is off and that's indicated by a watermark at the bottom right corner of any LESS file. To enable LESS compilation, simply click the watermark and it changes to indicate LESS compilation is "on".


3 Answers

The demo feature on lessphp is still there.

like image 94
irishbuzz Avatar answered Oct 04 '22 18:10

irishbuzz


I don't want to advertise my own stuff, but it answers the question and it's open source! I made this about two weeks ago - The Online LESS Converter.

Blog entry: "Try the LESS converter, right now!"

GitHub project: NathanStrutz/LESS-Converter

like image 22
Nathan Strutz Avatar answered Oct 04 '22 18:10

Nathan Strutz


Less2CSS
http://www.less2css.org
Website is open-source: http://github.com/brian-frichette/less-preview

My co-worker and I needed the same functionality, so we whipped up this online compiler.

Highlights:

  • CSS is updated in real-time, as-you-type, completely client-side.
  • You can choose between LESS versions (ie. v1.3.3, v1.3.0, etc)
like image 28
Scott Rippey Avatar answered Oct 04 '22 18:10

Scott Rippey