Less

Awesome Less Awesome

>精选的精简版框架,库,样式指南,文章和资源. 主要的想法是每个人都可以在这里做出贡献,因此我们可以将所有关于Less的信息集中在一起并保持最新.

About

Less是一种开源动态样式表语言,可以编译成层叠样式表(CSS)并在客户端或服务器端运行. 由Alexis Sellier设计,Less受Sass影响,并影响了Sass的新“SCSS”语法,后者改编了类似CSS的块格式化语法. Less提供以下机制:变量,嵌套,混合,运算符和函数; Less和其他CSS预编译器之间的主要区别在于Less允许通过浏览器通过Less进行实时编译. 字体: Wikipedia

Getting Started

UI/Theme Frameworks and Components

  • 1pxdeep - 通过相对视觉重量或使用配色方案设计引导到Bootstrap.
  • Ant Design - 企业级UI设计语言和基于React的实现.
  • Bootstrap a11y theme - 使Bootstrap开发人员更容易访问Web.
  • Bootstrap 3 - Bootstrap是最流行的HTML,CSS和JS框架,用于在Web上开发响应式移动优先项目.
  • Bootswatch - 为Bootstrap收集免费主题.
  • Cardinal - 为构建响应式Web应用程序的前端开发人员提供的小型“移动优先”CSS框架.
  • CSSHórus - 用于开发响应式和移动网站的图书馆.
  • Flat UI Free - Bootstrap的主题和框架.
  • JBST - 主题框架,可用作独立的网站构建器或创建WordPress主题.
  • Less Rails - 少用于Rails.
  • Material Design for Bootstrap - Bootstrap的Material Design是一个兼容Bootstrap V3的主题; 这是一种在基于Bootstrap 3的应用程序中使用Google新的Material Design指南的简便方法.
  • Metro UI CSS - 用于创建具有类似于Windows 8的界面的站点的样式集.
  • Schema - 轻量级,响应式和精简前端UI框架.
  • Semantic UI - 基于自然语言的有用原则的UI组件框架.
  • UIkit - 用于开发Web界面的轻量级和模块化前端框架.
  • Wee - 轻量级前端框架,用于逻辑构建复杂,响应迅速的Web项目.

Libraries and Mixins

Grid

  • Bootstrap Grid Only - Bootstrap的响应式网格和响应式实用程序类,没有任何额外功能. 轻巧但仍然强大. 风格.
  • Framework - Less Framework是一个用于设计自适应网站的CSS网格系统. 它包含4个布局和3组排版预设,所有这些都基于单个网格.
  • Flexible Grid System - 此框架将允许您以前所未有的灵活方式创建Web应用程序.
  • Fluidable - Fluidable是一个移动的第一个响应式网格系统. 它是独立的,轻量级的,使用Less构建.
  • Grid System - 超级易用,独立于标记的网格系统.
  • Less Zen Grid - 实施 Zen Grids 不到.
  • Order.Less - 基线对齐,列网格和模块化比例.

Media Queries

Color

  • Brand Colors - Sass,Less,Stylus和CSS提供1100多种流行品牌颜色.
  • More-Colors - 在浏览器中进行设计时,变量可以更轻松地进行颜色操作.
  • Open Color - 开放颜色是UI设计的颜色方案. 提供CSS,SCSS,Less,Stylus,Adobe库,Photoshop / Illustrator样本和草图调色板.

Animation

  • Animate - 使用Less编写的CSS3关键帧动画库.
  • Animate Less - 丹伊登的港口 Animate.css 少.
  • Cube Less - 仅使用CSS(Less)的3D(动画)立方体,最初由LeanCloud(又名AVOS Cloud)使用.
  • Hover - 收集CSS3动力悬停动画效果,应用于链接,按钮,徽标,SVG,特色图像等.
  • Less Burguer - 港口 Sass Burger 少.

Miscellaneous

Style Guides

Ports of Less

Java

.Net

PHP

  • ILess - 用Javascript编写的PHP端口.
  • Lessphp - 用PHP编写的编译器.
  • Less.php - PHP端口.

Python

Ruby

Go

  • Go Compiler - 在嵌入式Javascript引擎内运行较少.

GUIs, Editors and Plugins

  • Atom Linter - Atom文本编辑器中的Linter插件.
  • CSS 2 Convert - 快速将CSS自动转换为Less,轻松复制和粘贴.
  • CSS Less(ish) - Sublime Text 2&3插件,在css预处理器中实现功能的精简版本(例如Less).
  • Crunch 2! - Crunch 2是一个带有集成编译的跨平台(Windows,Mac和Linux)编辑器. 如果你使用大型Less项目,你一定要试一试,因为你只需要Less文件的免费版本.
  • Diamond - 为Sass,Less和CSS构建的依赖管理.
  • Eclipse Less Plugin - 该插件通过提供编辑和编译Less样式表的便捷功能扩展了Eclipse IDE.
  • Eclipse Transpiler Plugin - Eclipse插件自动转换文件(Less,SASS,CoffeeScript等).
  • Emacs - Emacs mode with support for compile-on-save.
  • Grunt Contrib - 使用Grunt将较少的文件编译为CSS.
  • Grunt Lint - 使用Grunt的CSS Lint来抓取你的Less文件.
  • Gulp Less - Gulp插件.
  • Hayaky - Hayaku是一系列有用的脚本,旨在快速进行前端Web开发.
  • Hyra Helper - CakePHP插件,仅使用PHP将Less文件转换为CSS.
  • Koala - Koala是一个跨平台的GUI应用程序,用于编译Less,sass和coffeescript.
  • Less for Notepad++ - Notepad ++的语法高亮显示.
  • Less Sublime - Sublime Text的语法高亮显示.
  • Lesshint - 帮助您编写干净且一致的工具.
  • LiveReload - CSS编辑和图像更改适用于实时. CoffeeScript,SASS,Less等人都在工作.
  • SimpleLess - SimpleLess是一个简约的Less编译器. 只需拖放即可编译.
  • Sublime Less2CSS - Sublime Text 2插件,用于在保存时将较少的文件编译为css.
  • SublimeOnSaveBuild - 在Sublime Text 2中保存文件时触发构建.最适合使用Less,Compass和任何其他预处理器或makefile的Web项目.
  • Vim Less - 此vim包添加语法突出显示,缩进和自动完成.
  • Visual Studio Web Essentials - 如果您曾经编写CSS,HTML,JavaScript,TypeScript,CoffeeScript或更少,那么您会发现许多有用的功能,使您的开发人员生活更轻松.
  • Winless - WinLess最初是Less.app的克隆版,它需要一个功能更完整的方法,并有几个设置. 它还支持从命令行参数开始.

Online Less Compilers

  • BeautifyTools Less Compiler - 在线少编译器,可选格式化和缩小 BeautifyTools.
  • EstFiddle - Online Less编译器提供Less和est的实时演示.允许用户在1.4.0之后的所有版本的Less之间切换,具有可选的est / Autoprefixer功能.
  • ILess - 现场演示 ILess PHP编译器.
  • Leafo - Lessphp 现场演示.
  • Less2CSS - 在浏览器中托管的在线集成开发环境(IDE),允许用户实时编辑和编译Less to CSS.
  • LessPHP - Less.php 现场演示.
  • Lesstester - Less CSS的在线编译器.
  • Precess - 实时预处理程序编译器.
  • Winless - 这个在线少编译器可以帮助您学习更少. 您可以浏览下面的示例或尝试自己的Less代码.

Online Web IDEs/Playgrounds with Less support

  • CodePen - CodePen是网络前端的游乐场..
  • CSSDeck Labs - CSSDeck Labs是一个可以快速创建涉及HTML,CSS,JS代码的实验(或测试用例)的地方.
  • Fiddle Salad - 具有即时编码环境的在线游乐场.
  • JS Bin - JS Bin是一个专门用于帮助JavaScript和CSS民间测试代码片段的webapp.
  • JsFiddle - 在线网络编辑器.

Translations

Articles

Books

Videos

Experiments

Community

Contributing

欢迎您的贡献! Click Here to read the guidelines.

License

CC0

在法律允许的范围内, Lucas Bassetti 已放弃对此作品的所有版权及相关或相邻权利.