Skip to content

Less

Awesome Less Awesome

> 精选的 Less 框架、库、风格指南、文章和资源列表. 主要思想是每个人都可以在这里做出贡献，因此我们可以集中所有关于 Less 的信息并保持最新.

About

Less 是一种开源的动态样式表语言，可以编译成层叠样式表（CSS）并在客户端或服务器端运行. Less 由 Alexis Sellier 设计，受 Sass 的影响，并影响了 Sass 的新“SCSS”语法，它采用了类似 CSS 的块格式化语法. Less 提供了以下机制：变量、嵌套、mixins、运算符和函数； 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 - 该框架将让您以前所未有的灵活方式创建您的网络应用程序.
  • 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 - Open color是UI设计的配色方案. 提供 CSS、SCSS、Less、Stylus、Adobe 库、Photoshop/Illustrator 色板和 Sketch 调色板.

Animation

  • Animate - 使用 Less 创作的 CSS3 关键帧动画库.
  • Animate Less - 丹伊登港 Animate.css 少.
  • Cube Less - 仅使用 CSS（较少）的 3D（动画）立方体，最初由 LeanCloud（又名 AVOS Cloud）使用.
  • Hover - CSS3 驱动的悬停动画效果集合，可应用于链接、按钮、徽标、SVG、特色图像等.
  • Less Burguer - 港口 Sass Burger 少.

Miscellaneous

  • 3L - 混合库.
  • Bidi - 用于创建双向样式的混合集.
  • Clearless - 混合集合.
  • Css3LessPlease - 将 css3please.com 转换为 Less mixins.
  • CssEffects - CSS 样式效果集合.
  • Cssowl - Mixin library.
  • Dynamic Stylesheet - 一组有用的混合.
  • Est - Mixin library.
  • Hexagon - 生成具有自定义大小和颜色的 CSS 六边形.
  • Homeless - 有用的功能.
  • Less Elements - 一组基本的混合.
  • Lesshat - 智能混合库.
  • Lessley - 用纯 Less 编写的像茉莉花一样的测试套件.
  • Lessmore - 混合库. 跨浏览器支持 CSS3 功能等.
  • Normalize - 模块化著名 normalize.css 使用更少.
  • Oban - 混合集合.
  • Preboot - 用于编写更好的 CSS 的混合和变量集合.
  • Retina.js - 用于呈现高分辨率图像变体的 JavaScript、SCSS、Sass、Less 和 Stylus 助手.
  • Shape - 各种形状的 mixins 集合.
  • TRRtoolbelt - 用于常见操作的混合和函数.

Style Guides

Ports of Less

Java

.Net

PHP

  • ILess - 用 Ja​​vascript 编写的 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 模式.
  • Grunt Contrib - Compile Less files to CSS using Grunt.
  • Grunt Lint - 使用来自 Grunt 的 CSS Lint 对你的 Less 文件进行 lint.
  • 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 - 帮助您编写干净一致的 Less 的工具.
  • LiveReload - CSS 编辑和图像更改实时应用. CoffeeScript、SASS、Less 和其他的都可以.
  • SimpleLess - SimpleLess 是一个简约的 Less 编译器. 只需拖放和编译.
  • Sublime Less2CSS - Sublime Text 2 插件，用于在保存时将 Less 文件编译为 css.
  • SublimeOnSaveBuild - 在 Sublime Text 2 中保存文件时触发构建.最适合使用 Less、Compass 和任何其他预处理器或 makefile 的 Web 项目.
  • Vim Less - 这个 vim 包增加了语法高亮、缩进和自动完成.
  • Visual Studio Web Essentials - 如果您曾经编写过 CSS、HTML、JavaScript、TypeScript、CoffeeScript 或 Less，那么您会发现许多有用的功能，让您作为开发人员的生活更轻松.
  • Winless - WinLess 最初是 Less.app 的克隆版，它采用功能更完整的方法并具有多种设置. 它还支持从命令行参数开始.

Online Less Compilers

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

Online Web IDEs/Playgrounds with Less support

  • CodePen - CodePen 是网络前端的游乐场.
  • CSSDeck Labs - CSDeck Labs 是一个可以快速创建一些涉及 HTML、CSS、JS 代码的实验（或测试用例）的地方.
  • Fiddle Salad - 具有即时准备编码环境的在线游乐场.
  • JS Bin - JS Bin 是专门设计用于帮助 JavaScript 和 CSS 民间测试代码片段的网络应用程序.
  • JsFiddle - 在线网页编辑器.

Translations

Articles

Books

Videos

Experiments

Community

Contributing

随时欢迎您的贡献！ Click Here to read the guidelines.

License

CC0

在法律允许的范围内， Lucas Bassetti 已放弃该作品的所有版权和相关或邻接权.