Фреймворки на Less

Открыть оригинал markdown source для "frameworks-using-less"

UI/фреймворки и компоненты тем

Дизайн Муравей Язык проектирования пользовательского интерфейса корпоративного класса и реализация на основе React.
Balloon.css Простые всплывающие подсказки, сделанные на чистом CSS
Boot Flat Комплект плоского пользовательского интерфейса с открытым исходным кодом на основе Bootstrap
BootPress PHP Framework со встроенным блогом и CMS для плоских файлов
Bootstrap Интерфейсная платформа для разработки адаптивных мобильных проектов в Интернете
Bootswatch Сборник бесплатных тем для Bootstrap
Кардинал Небольшой CSS-фреймворк, ориентированный на мобильные устройства, для разработчиков интерфейсов, создающих адаптивные веб-приложения
Бесплатный плоский интерфейс Тема и фреймворк для Bootstrap
Fomantic-UI Официальная вилка сообщества Semantic-UI
Чернила набор инструментов для быстрой разработки веб-интерфейсов
CSS Metro UI Набор стилей для создания сайта с интерфейсом, похожим на Windows 8
Лепесток Современный, легкий фреймворк CSS UI, разработанный в Shakr
Pre CSS-фреймворк
прелюдия Легкий, отзывчивый и расширяемый интерфейсный фреймворк
React Suite 🧱 Набор компонентов React
Схема Легкая, отзывчивая и компактная среда пользовательского интерфейса
Семантический интерфейс Структура компонентов пользовательского интерфейса, основанная на полезных принципах естественного языка
Без бретелек Шаблон/фреймворк CSS для HTML-элементов, библиотека миксинов для шаблонов и цвета
UIkit Легкая и модульная интерфейсная платформа для разработки веб-интерфейсов
ngBoilerplate Упрямый кикстартер для проектов AngularJS
Ви Легкая интерфейсная платформа для логического построения сложных, адаптивных веб-проектов

Грид-системы

Гибкая сетка
adaptGrid
Жидкость
Система Золотой Сетки
Less Zen Grid
Order.less
ответственно
Адаптивный шаблон
Semantic.gs

Библиотеки Mixin

3L Библиотека миксинов
анимировать Библиотека анимации ключевых кадров CSS3
Непрозрачно Коллекция миксинов
Css3LessPlease Преобразование css3please.com в миксины Less
CssEffects Коллекция эффектов стиля CSS
Cssowl Библиотека миксинов
cube.less Анимированный 3D-куб с использованием только CSS
есть Библиотека миксинов
Шестиугольник Генерация шестиугольников CSS произвольного размера и цвета
бездомный Библиотека миксинов
МЕНЬШЕ Элементов Набор миксинов
МЕНЬШЕ ШЛЯПЫ Библиотека миксинов
лессли Набор тестов, похожий на жасмин, написанный на чистом Less
Меньше Библиотека миксинов. Кроссбраузерная поддержка функций CSS3 и многое другое
МЕНЬШЕ-биди Набор миксинов для создания двунаправленного стиля
LESS-Mix Библиотека миксинов
медиа-запрос к типу Медиа-запросы к типам мультимедиа с помощью Less
Больше-Цвета.без Переменные для упрощения манипуляций с цветом при проектировании в браузере
больше-меньше Библиотека миксинов, поддерживающая Less 1.7
Больше.меньше Миксины, анимации, фигуры и многое другое
более или менее циклы for и другие функции + миксины CSS3
нормализовать.less Модулированный знаменитый файлnormalize.css с использованием Less
Обан Коллекция миксинов
Предварительная загрузка Коллекция переменных и миксинов. Предшественник Bootstrap
prelude-mixins Коллекция миксинов
Shape.LESS Коллекция миксинов разной формы
tRRtoolbelt.less Миксины и функции для общих действий
Вторник.без Библиотека миксинов CSS-анимации
Less Библиотека стилей Коллекция переменных и примесей LESS в пространстве имён

Редакторы и их плагины

Открыть оригинал markdown source для "editors-and-plugins"

См. также: Графические компиляторы Less

Редакторы и IDE

Sublime Text 2 и 3

Eclipse

Komodo Edit/IDE

Visual Studio

Dreamweaver

Notepad++ 6.x

Расширения для браузера


Плагины Less.js

Открыть оригинал markdown source для "plugins"

Подборка плагинов для Less. Дополнительные варианты можно посмотреть на GitHub и в реестре npm.

Плагины постобработки и расширения возможностей

Autoprefixer Добавляет вендорные префиксы
CSScomb Форматирует и приводит код к единому стилю
clean-css Сжимает и минифицирует CSS
CSSWring Сжимает и минифицирует CSS
css-flip Генерирует CSS для направлений LTR и RTL
functions Позволяет писать собственные функции Less прямо на Less
group-css-media-queries Объединяет одинаковые CSS media queries
inline-urls Преобразует url() в вызов data-uri()
lesshint Проверяет Less-код по правилам линтера
lists Работает со списками и массивами, включая циклы
pleeease Постобрабатывает CSS через pleeease
rtl Перестраивает стили из LTR в RTL
variables-output Экспортирует переменные верхнего уровня в JSON

Препроцессоры

sass2less Импортирует и конвертирует Sass/SCSS в Less, включая переменные, миксины и другие конструкции

Плагины импорта

bower-resolve Импортирует файлы из пакетов Bower
glob Добавляет поддержку масок в @import
npm-import Импортирует файлы из npm-пакетов
resolve-blocks Поднимается по дереву каталогов в поиске нужного компонента

Библиотеки функций

advanced-color-functions Функции для подбора более контрастных цветов
cubehelix Добавляет функцию cubehelix
lists Функции для работы со списками и массивами
urlencode Кодирует строки для URL
util Набор вспомогательных функций

Импортеры фреймворков

Bootstrap Bootstrap
Cardinal Cardinal
Flexbox Grid Flexbox Grid
Flexible Grid System Flexible Grid System
Ionic Ionic
Lesshat Lesshat
Skeleton Skeleton

GUI для Less

Открыть оригинал markdown source для "guis-for-less"

Совет: попробуйте несколько инструментов для своей платформы и выберите тот, который лучше подходит именно вам.

На этой странице собраны GUI-компиляторы. Про командную строку и связанные инструменты см. раздел Использование из командной строки.

Кроссплатформенные решения

Crunch 2!

Редактор и компилятор для тех, кто любит работать быстро.

Crunch 2 - это кроссплатформенный редактор для Windows, macOS и Linux со встроенной компиляцией. Если вы работаете с крупными Less-проектами, его стоит попробовать.

Подробнее: https://getcrunch.co/

Crunch screenshot

Koala

Koala - кроссплатформенное GUI-приложение для компиляции Less, Sass и CoffeeScript.

Из возможностей: работа на разных платформах, уведомления об ошибках компиляции и настройка параметров сборки.

Подробнее: http://koala-app.com/

koala screenshot

Prepros

Prepros - инструмент для компиляции Less, Sass, Compass, Stylus, Jade и многих других форматов.

Подробнее: https://prepros.io/

Prepros screenshot

Отдельные платформы

Windows

WinLess

WinLess начинался как клон Less.app, но со временем вырос в более функциональный инструмент с набором настроек и поддержкой запуска через аргументы командной строки.

Подробнее: http://winless.org

WinLess screenshot

OS X

CodeKit

CodeKit считается наследником LESS.app и помимо Less поддерживает множество других препроцессоров, включая SASS, Jade и Markdown.

Подробнее: http://incident57.com/codekit

CodeKit screenshot

LiveReload

Изменения в CSS и изображениях применяются на лету. CoffeeScript, SASS, Less и другие форматы работают из коробки.

Подробнее: http://livereload.com

LiveReload screenshot

Linux

Plessc

Plessc - GUI-оболочка, написанная на PyQT.

Поддерживает автокомпиляцию, просмотр журнала, открытие Less-файла в выбранном редакторе и настройку параметров сборки.

Подробнее: https://github.com/Mte90/Plessc

Plessc screenshot


Онлайн-компиляторы Less

Открыть оригинал markdown source для "online-less-compilers"
less2css.org Онлайн-IDE в браузере, где можно редактировать Less и сразу видеть результат компиляции в CSS.
winless.org/online-less-compiler Простой онлайн-компилятор, который подходит для знакомства с Less и экспериментов со своим кодом.
lesstester.com Онлайн-компилятор для Less CSS.
leafo.net/lessphp/editor Живая демо-страница lessphp.
estFiddle Онлайн-компилятор с live-preview для Less и est, включая переключение между версиями Less начиная с 1.4.0 и опциональный Autoprefixer.
BeautifyTools Less Compiler Онлайн-компилятор Less с дополнительным форматированием и минификацией на BeautifyTools.
Less WebCompiler Гибко настраиваемый веб-компилятор Less, позволяющий подгонять CSS-вывод под собственные стандарты оформления кода.

Онлайн-IDE и playground-сервисы с поддержкой Less

CSSDeck Labs Площадка для быстрых экспериментов и тестов с HTML, CSS и JavaScript.
CodePen Популярный playground для фронтенд-разработки.
Fiddle Salad Онлайн-песочница с уже готовым окружением для написания кода.
JS Bin Веб-приложение для быстрого тестирования фрагментов JavaScript и CSS-кода.
jsFiddle Онлайн-редактор для веб-экспериментов.

Сторонние компиляторы

Открыть оригинал markdown source для "third-party-compilers"

Инструменты для Node.js

  • grunt-contrib-less
  • gulp-less: обратите внимание, что этот плагин не использует настройки source-map, а предлагает работать через библиотеку gulp-sourcemaps.
  • svelte-preprocess: преобразует Less в CSS перед передачей результата компилятору Svelte.
  • Connect Middleware for Less: middleware для компиляции Less в приложениях на Connect.

Другие технологии

Wro4j Runner CLI

Скачайте файл wro4j-runner.jar и выполните команду:

java -jar wro4j-runner-1.5.0-jar-with-dependencies.jar --preProcessors lessCss

Подробности: Wro4j Runner CLI

CSS::LESSp

http://search.cpan.org/~drinchev/CSS-LESSp/

lessp.pl styles.less > styles.css

Windows Script Host

Официальный lessc на Node.js и так работает в Windows, поэтому этот вариант нужен довольно редко.

Less.js for Windows можно запускать так:

cscript //nologo lessc.wsf input.less [output.css] [-compress]

или так:

lessc input.less [output.css] [-compress]

dotless

dotless for Windows запускается так:

dotless.Compiler.exe [-switches] <inputfile> [outputfile]

См. также:


Порты Less.js

Открыть оригинал markdown source для "ports"

Java

  • Lesscss (запускает less.js через Rhino, Nashorn или node.js; совместим с 1.7.0)
  • Lesscss gradle plugin (Gradle-плагин на базе Lesscss)
  • Less Engine (запускает less.js в JavaScript-интерпретаторе Rhino для JVM)
  • Less CSS Compiler for Java (запускает less.js в JavaScript-интерпретаторе Rhino для JVM)
  • Less4j (нативная реализация на Java)
  • JLessC (компилятор Less, полностью написанный на Java)

.Net

PHP

Python

Ruby

Go

  • Less.js In Go (запускает less.js внутри встроенного JavaScript-движка)

Если вы знаете ещё один порт, который стоит добавить в этот список, сообщите нам.