DMXzone LESS CSS Compiler Support

Enable fill support for LESS in Dreamweaver

LESS is the language that can speed up your development process significantly! And to make it even quicker, we developed the DMXzone LESS CSS Compiler that does it in a mouse click time, directly in Dreamweaver! It's extremely powerful and lets you use variables, mixins, nested rules and even functions within your CSS.

Now you can finally open and edit LESS files directly in Dreamweaver with color coding and code hinting! The extension will auto compile your LESS files to CSS upon saving so you can experience the power of LESS with the ease of Dreamweaver usage! 

Overview

Features Highlights:

  • Full color coding - Specified colors for general categories of tags and code elements.
  • Full CSS hints support - Hints and guesses as to the appropriate HTML tag or attribute to use at that moment.
  • LESS error reporting - When you have an error in your less file you will see a popup with the exact error and line in the code view so you can correct it directly.
  • Compile Less files directly on save
  • Full LESS CSS power in Dreamweaver - Use variables, mixins, nested rules and even functions within your CSS.

Features

Great Dreamweaver Integration

  • Full color coding - Specified colors for general categories of tags and code elements
  • Full CSS hints support - Hints and guesses as to the appropriate HTML tag or attribute to use at that moment.
  • LESS error reporting - When you have an error in your less file you will see a popup with the exact error and line in the code view so you can correct it directly.

  • Compile Less files directly on save

Use All the LESS CSS Powers Directly in Dreamweaver!

  • Variables - Variables allow you to specify widely used values in a single place, and then re-use them throughout the style sheet, making global changes as easy as changing one line of code. 

  • Mixins - A Mixin in LESS is basically a common group of CSS properties grouped into one, which can then be inserted into various other LESS selectors. You can think of it like a variable, with several different properties.

  • Nested Rules - Rather than constructing long selector names to specify inheritance, in Less you can simply nest selectors inside other selectors. This makes inheritance clear and style sheets shorter.

  • Functions & Operations - Operations let you add, subtract, divide and multiply property values and colors, giving you the power to create complex relationships between properties. Operations should only be performed within parentheses in order to ensure compatibility with CSS. Functions map one-to-one with JavaScript code, allowing you to manipulate values however you want.

Showcases

Videos

Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC+
Used Technologies: CSS
Screen Shot: External link
Tags: LESS, CSS, compiler, Dreamweaver, extension

History

Version 1.0.1

  • Improved Dreamweaver CC 13.1 compatibility
  • Included Latest Less CSS 1.4.1

 

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Reviews

Be the first to write a review

You must me logged in to write a review.