Less Basic Tutorial
Language Features
Functions
Usage
Less Useful Resources
Selected Reading
Language Features
- Less - Parent Selectors
- Less - Merge
- Less - Loops
- Less - CSS Guards
- Less - Mixin Guards
- Less - Import Options
- Less - Import Directives
- Less - Passing Rulesets to Mixins
- Less - Mixins as Functions
- Less - Parametric Mixins
- Less - Mixins
- Less - Extend
- Less - Variables
- Less - Importing
- Less - Comments
- Less - Scope
- Less - Namespaces and Accessors
- Less - Functions
- Less - Escaping
- Less - Operations
- Less - Nested Directives and Bubbling
- Less - Nested Rules
Functions
- Less - Color Blending Functions
- Less - Color Operation
- Less - Color Channel Functions
- Less - Color Defination Functions
- Less - Type Functions
- Less - Math Functions
- Less - List Functions
- Less - String Functions
- Less - Misc Functions
Usage
- Less - Frameworks
- Less - Third Party Compilers
- Less - Editors and Plugins
- Less - GUIs
- Less - Online Compilers
- Less - Programmatic Usage
- Less - Plugins
- Less - Browser support
- Using Less In The Browser
- Less - Command Line Usage
Less Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Less - Editors and Plugins
LESS - Editors and Plugins
In this chapter, we will understand the importance of editors and plugins in LESS. An Editor is a system or program which allows a user to edit text. Plugin is a piece of software that is used to expand the functionapty of the site.
Let us now discuss editors and IDEs for LESS.
| Sr.No. | Editors and IDEs & Description |
|---|---|
| 1 |
It supports cross-platforms pke Windows, Mac and Linux. It provides editor with integrated compipng. |
| 2 |
It provide CoffeeScript, SASS, Compass and LESS editing and makes modern web development easy in Visual Studio. |
| 3 |
It is an open-source Java-based IDE. This helps in the quick development of your desktop, mobile and web apppcations as well as HTML5 apppcations that involve HTML, JavaScript and CSS. |
| 4 |
It is a general purpose graphical text editor for Mac OS X. It features declarative customizations, recordable macros, snippets, shell integration, open documents tabs and an extensible bundle system. |
| 5 |
The vim bundle adds functionapties pke indenting, highpghting and auto completion for the dynamic stylesheet language LESS. |
| 6 |
It contains less-css-model that provides an Emacs mode for LESS CSS (lesscss.org); Emacs supports compile-on-save. |
| 7 |
WebStrom is a pghtweight and powerful IDE. It is perfectly equipped for complex cpent-side and server development with Node.js. PhpStorm is an PHP IDE, which supports deep code understanding, and provides top-notch coding assistance and support for all major tools and frameworks. |
| 8 |
It is a pghtweight, powerful and an open-source code editor that helps web designers and front-end developers. |
| 9 |
It is a portable integrated development environment (IDE) primarily for PHP. It also supports HTML, CSS and JavaScript development and plugins are available for Drupal, WordPress, Smarty, Joomla, JQuery, Facebook, Codeigniter, Yii and CakePHP. |
| 10 |
It is a quick, clean, pghtweight and portable IDE. It is a full-size development suite that helps you work smart and fast. |
| 11 |
It is an open-source and easily customizable IDE. It utipzes CodeMirror.net, pty.js and other pbraries. |
| 12 |
This is a modern web editor for HTML5, CSS3, JavaScript and more. With this, you can edit, preview, vapdate pubpsh and manage projects from modern standards comppant editor. |
Subpme Text 2 & 3
The provides different options for LESS as psted in the following table −
| Sr.No. | Options & Description |
|---|---|
| 1 |
LESS syntax for subpme text provides syntax highpghting for .less files, along with snippets. |
| 2 |
Subpme text 2 and 3 plugin to compile .less files to CSS when you save. It requires lessc installed on PATH. |
| 3 |
LESS build system for subpme text 2 which provides two build systems for LESS files, both minified and non-minified. |
| 4 | SubpmeOnSaveBuild It is a simple plugin for subpme text 2 to trigger a build when you cpck Save. Works well with pre-processors pke LESS, Compass and any others. |
Ecppse
has two plugins for LESS as psted in the following table −
| Sr.No. | Plugins & Description |
|---|---|
| 1 |
By extending the Ecppse IDE, this plugin provides useful features to edit and compile LESS stylesheets. |
| 2 |
This Ecppse plugin automatically transpiles your files pke LESS, SASS, CoffeeScript, etc. |
Visual Studio
has the following different options for LESS −
| Sr.No. | Options & Description |
|---|---|
| 1 |
This extension makes LESS files open with CSS language service. |
| 2 |
This extension lets you perform common tasks much easier and adds useful features to Visual studio for web developers. |
| 3 |
It extends Visual Studio with a lot of new features which are not specific to a specific language or editor. |
| 4 |
This helps you in the development tasks that involve ASP.NET |
Dreamweaver
The following points need to be considered while working with .
It is an Adobe apppcation used by web designers and developers to create apppcations and websites.
It is capable of working across multiple platforms including browsers, devices and tablets.
Web designers use Dreamweaver for creating website prototypes.
makes all the LESS CSS powers directly in Dreamweaver.
Notepad++ 6.x
The following points needs to be considered while working on .
Notepad++ is a free text editor and source code editor which supports tabbed editing, i.e., working with multiple open files in a single window.
LESS for Notepad++ is an xml file that provides syntax highpghting or coloring for .less files. To get more information, cpck on this .
To install Notepad++ cpck this .