使用更少的框架

Edit the markdown source for "frameworks-using-less" " target="_blank" data-original-title="" title="">

UI /主题框架和组件

蚂蚁设计 企业级UI设计语言和基于React的实现。
Balloon.css 纯CSS制成的简单工具提示
靴子 基于Bootstrap的开源Flat UI KIT
开机 具有内置Blog和Flat File CMS的PHP框架
引导程序 用于在网络上开发响应式,移动优先项目的前端框架
靴表 Bootstrap免费主题集合
红衣主教 适用于构建响应式Web应用程序的前端开发人员的小型“移动优先” CSS框架
平板UI免费 Bootstrap的主题和框架
一组用于快速开发Web界面的工具
Metro UI CSS 用于创建具有类似于Windows 8界面的网站的样式集
花瓣 Shakr开发的现代轻量级CSS UI框架
CSS框架
序幕 轻巧,响应迅速且可扩展的前端框架
架构图 轻巧,响应迅速且精益的前端UI框架
语义UI 基于自然语言的有用原理的UI组件框架
无肩带 用于HTML元素的CSS样板/框架,用于模式和颜色的mixins库
UIkit 用于开发Web界面的轻型模块化前端框架
ng样板 对AngularJS项目有坚定的态度
e 轻巧的前端框架,用于逻辑构建复杂的响应式Web项目

网格系统

柔性网格系统
AdaptGrid
可流动的
金色网格系统
更少的Zen Grid
无序
负责任地
响应样板
语义

混合库

3升 Mixins库
动画 CSS3关键帧动画库
不清晰 mixins的集合
CSS3Less请 将css3please.com转换为更少的mixins
CSS效果 CSS样式效果的集合
owl Mixin库
无立方体 仅使用CSS的动画3D立方体
美东时间 Mixin库
六边形 生成具有自定义尺寸和颜色的CSS六边形
无家可归 Mixin库
较少元素 混合集
更少的帽子 Mixins库
莱斯利 茉莉花般的测试套件,用纯Less编写
更少 Mixins库。跨浏览器对CSS3功能的支持等
LESS-比迪 用于创建双向样式的混合集
较少混合 Mixins库
媒体查询类型 更少媒体类型的媒体查询
多色少 在浏览器中进行设计时使用变量进行更轻松的颜色操作
少一点 Mixin lib支持Less 1.7
更少 混合,动画,形状等
或多或少 for循环和其他功能+ css3 mixins
归一化 使用Less模块​​化著名的normalize.css
奥本 mixins的集合
预启动 变量和mixin的集合。Bootstrap的前身
前奏混音 mixins的集合
形状少 各种形状的mixin集合
无需工具 常见动作的混合和功能
星期二少 CSS动画mixins库
少样式库 变量和LESS命名空间混合的集合

编辑器和编辑器插件

Edit the markdown source for "editors-and-plugins" " target="_blank" data-original-title="" title="">

另请参阅:更少的GUI

编辑器和IDE

崇高文字2和3

日食

科莫多Edit / IDE

视觉工作室

Dreamweaver的

记事本++ 6.x

浏览器扩展


Less.js插件

Edit the markdown source for "plugins" " target="_blank" data-original-title="" title="">

可用的更少插件。在GitHubNPM Registry 找到更多信息

后处理器/功能插件

自动前缀 添加供应商前缀
CSScomb 美化/格式化
清洁css 压缩/缩小
CSSWring 压缩/缩小
CSS翻转 生成从左到右(LTR)或从右到左(RTL)CSS
功能 在Less本身中编写自定义的Less函数
组css媒体查询 组CSS媒体查询
内联网址 转换url()data-uri()
提示 减少你的损失
清单 列表/数组操作(包括循环)
pleasease 使用pleeease进行后处理
rtl 从LTR反转为RTL
变量输出 将顶级变量导出到JSON文件

预处理器

无礼 将Sass / SCSS文件导入并将其转换为您的Less代码(包括变量,mixins等)

导入插件

决心解决 从Bower包导入
球状 更少的进口中的全球支持
npm导入 从npm包导入
解决块 上树以查找指定的组件

功能库

高级色彩功能 查找更多对比色的功能
立方螺旋 一个cubehelix函数
清单 列表/数组操作功能
urlencode URL编码功能
实用程序 一组实用程序功能

框架进口商

引导程序 引导程序
红衣主教 红衣主教
Flexbox网格 Flexbox网格
柔性网格系统 柔性网格系统
离子性 离子性
莱瑟特 莱瑟特
骨架 骨架

更少的GUI

Edit the markdown source for "guis-for-less" " target="_blank" data-original-title="" title="">

提示:尝试使用适用于您平台的各种Less工具,以查看哪种工具可以满足您的需求。

此页面重点介绍GUI编译器。有关命令行用法和工具,请参见命令行用法

跨平台

紧缩2!

很棒的人的编辑器和编译器。

Crunch 2是具有集成编译功能的跨平台(Windows,Mac和Linux)编辑器。如果您处理大型的Less项目,则绝对应该尝试一下,因为您只需要Less文件的免费版本。可在以下网址获得:https//getcrunch.co/

紧缩屏幕截图

简单的

SimpLess是一个简约的Less编译器。只需拖放和编译即可。

SimpLess的独特功能之一是它通过使用http://prefixr.com支持CSS的“前缀” 。SimpLess建立在Titanium平台上。获取更多信息:http : //wearekiss.com/simpless

SimpLess屏幕截图

考拉

Koala是一个跨平台的GUI应用程序,用于编译较少的,简单的和无聊的脚本。

功能:跨平台,编译错误通知支持和编译选项支持。

获取更多信息:http : //koala-app.com/

考拉截图

专业人士

Prepros是一种可编译Less,Sass,Compass,Stylus,Jade等工具的工具。

https://prepros.io/上获取更多信息

Prepros屏幕截图

特定平台

视窗

温莱斯

WinLess最初是Less.app的克隆版本,它采用了功能更完善的方法,并具有多个设置。它还支持以命令行参数开头。

获取更多信息:http : //winless.org

WinLess屏幕截图

OS X

代码包

CodeKit是LESS.app的后继产品,并在许多其他预处理语言(例如SASS,Jade,Markdown等)中支持Less。

获取更多信息:http : //incident57.com/codekit

CodeKit屏幕截图

LiveReload

CSS编辑和图像更改实时生效。CoffeeScript,SASS,Less和其他仅能正常工作。

获取更多信息:http : //livereload.com

LiveReload屏幕截图

的Linux

普莱西奇

Plessc是使用PyQT制作的图形用户界面。

自动编译,日志查看器,使用选择的编辑器打开较少的文件,然后编译文件。获取更多信息:https : //github.com/Mte90/Plessc

Plessc屏幕截图


在线较少编译器

Edit the markdown source for "online-less-compilers" " target="_blank" data-original-title="" title="">
less2css.org 浏览器中托管的在线集成开发环境(IDE),允许用户实时编辑和编译Less到CSS。
winless.org/online-less-compiler 此在线较少编译器可以帮助您学习较少。您可以浏览下面的示例,也可以尝试自己的Less代码。
lesstester.com Less CSS在线编译器。
leafo.net/lessphp/editor lessphp现场演示。
estFiddle 在线Less编译器提供了Less和est的实时演示。1.4.0使用可选的est / Autoprefixer功能后,允许用户在Less的所有版本之间切换。
BeautifyTools少编译器 BeautifyTools上的 Online Less编译器,带有可选的格式和最小化选项
较少的WebCompiler Internet上最可配置的Less Web编译器,它允许使用您自己的编码标准来渲染CSS输出!

较少支持的在线Web IDE /游乐场

CSSDeck实验室 CSSDeck Labs是一个可以快速创建一些涉及HTML,CSS,JS代码的实验(或测试用例)的地方。
密码笔 CodePen是Web前端侧的游乐场。
小提琴沙拉 具有即时准备好的编码环境的在线游乐场。
JS斌 JS Bin是一个Web应用程序,专门设计用于帮助JavaScript和CSS民间测试代码段。
jsFiddle 在线网页编辑器

第三方编译器

Edit the markdown source for "third-party-compilers" " target="_blank" data-original-title="" title="">

Node.js编译器

  • 咕con咕con的
  • assemble-less:功能齐全的Grunt.js插件,用于将Less文件编译为CSS,并带有用于维护Less组件和主题库的其他选项。对于高级用户,此插件使您可以使用JSON, Lo-dash(下划线)模板(例如<%= bootstrap.less %>)和 node-glob / minimatch(例如'../src/**/*.less")来定义和管理较少的“程序包”或“捆绑包”。少汇编还具有许多选项,包括最小化CSS
  • 一饮而尽少:请注意,此插件丢弃source-map选项,选择加入,而不是使用一饮而尽,sourcemaps库。
  • autoless:具有较少文件监视程序,具有依赖项跟踪(对导入文件的更改也会导致其他文件也被更新)和咆哮通知。
  • 更少的连接中间件:更少的连接中间件

其他技术

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脚本主机

注意-官方的Less节点在Windows上运行,因此我们不确定为什么要使用此节点。

适用于Windows的Less.js

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

要么

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

无点

Windows的dotless可以这样运行:

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

另请参阅:


Less.js的端口

Edit the markdown source for "ports" " target="_blank" data-original-title="" title="">

爪哇

。净

的PHP

蟒蛇

红宝石

  • Go中的Less.js(在嵌入式Javascript引擎中运行less.js)

知道应该添加到此列表的另一个端口吗?请让我们知道