A powerful plugin that makes the PageLines LESS compiler very accessible and easy to use. Great for development & testing, as well as managing your custom LESS/CSS files.
This plugin is your window into the LESS compiler used by the PageLines Framework!
Load, Modify, & Save any* LESS or CSS File on Your Site!
LESS Developer automatically scans key directories in your installation to look for .less and .css files that are intended to be customized.
Scanned directories include:
- The active child theme’s root directory
- Child theme LESS overrides
- Child theme sections
- PageLines Customize plugin directory
- LESS Developer Sandbox
(This directory is not automatically created for you, but will be scanned if it exists (manually created))
Core PageLines directories are not scanned as those files are not intended to be manipulated.
New With v1.5
LESS Factory is now part of LESS Developer! Create unlimited custom LESS variables in a flash! Use simple option inputs like a color picker or image upload to define your less variables! Change them whenever you want – you can even rename and reorder them. Once saved, your variables are already taking effect in the system and are ready to go! A handy tool for developers – it even generates code for you to “export” your variables to use them without LESS Factory.
New With v1.1
Scanned directories can be extended by your plugins or other extensions! Read more here: How to use LESS Developer with your project
Compile LESS into CSS via ajax in Seconds
No waiting for page reloads! This is big time saver when debugging something that isn’t working.
Extremely Helpful in Investigating Problematic Code
As great as it is working with LESS with PageLines, something enevitibly goes wrong and many of us including myself have spent a lot of time hitting our head on the wall trying to figure out why something isn’t showing up the way it should. This is one of the main reasons I created this plugin.
The “problem” with the LESS compiler is that when it comes across something that doesn’t make sense to it, but doesn’t prevent it from parsing the code it just ignores that code or instruction. That isn’t necessarily a bad thing, as with LESS we’re creating dynamicly generated code, so it needs to be able to handle stuff like that. The problem is just that it doesn’t tell you about it (in the form of an error) unless there is a parse error.
Even with parse errors, it still takes a page reload to know that you got one, and then it can take one or sometime two more refreshes just to see that error clear up.
With LESS Developer, you see the output in a matter of seconds.
The Code, Your Code, and Nothing But The Code!
LESS Developer only outputs the compiled output of your input LESS, while still making core framework variables, colors, & mixins available to your input code!
Not Just For Developers
This plugin is for everyone! Everyone who wants to use LESS that is — but who doesn’t? Since the integration of LESS with the PageLines framework, we’ve all been spoiled with this stuff. Who wants to go back to using plain CSS? I sure don’t!
LESS Developer can be a great learning tool for someone new to the language. Experiment! Write some code and compile it, see what comes out?