Less

Awesome Less Awesome

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

About

Less是一种开放源代码动态样式表语言,可以将其编译为层叠样式表(CSS)并在客户端或服务器端运行. Less由Alexis Sellier设计,Less受Sass的影响,并影响了Sass的新“ SCSS”语法,该语法改编了类似CSS的块格式语法. Less提供以下机制:变量,嵌套,mixin,运算符和函数; 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框架,用于在网络上开发响应式,移动优先项目.
  • Bootswatch -收集免费的Bootstrap主题.
  • Cardinal -适用于构建响应式Web应用程序的前端开发人员的小型“移动优先” CSS框架.
  • CSSHórus -用于开发响应式和移动网站的库.
  • Flat UI Free -Bootstrap的主题和框架.
  • JBST -可用作独立网站构建器或创建WordPress主题的主题框架.
  • Less Rails -减少Rails.
  • Material Design for Bootstrap -Bootstrap的材料设计是与Bootstrap V3兼容的主题; 这是在基于Bootstrap 3的应用程序中使用Google的新材料设计指南的简便方法.
  • 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 -可流动的是移动优先的响应式网格系统. 它是独立的,轻量级的,并且使用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色板和Sketch调色板中可用.

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

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 -协助您撰写简洁一致的Less的工具.
  • 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 -Online Less编译器,具有可选的格式和最小化位置,网址为 BeautifyTools.
  • EstFiddle -Online Less编译器提供了有关Less和est的实时演示,允许用户使用可选的est / Autoprefixer功能在1.4.0之后的所有版本的Less中进行切换.
  • ILess -的现场演示 ILess PHP编译器.
  • Leafo - Lessphp 现场演示.
  • Less2CSS -集成在浏览器中的在线集成开发环境(IDE),允许用户实时编辑和将Less编译为CSS.
  • LessPHP - Less.php 现场演示.
  • Lesstester -较少CSS的在线编译器.
  • Precess -实时预处理程序编译器.
  • Winless -此在线Less Compiler可以帮助您学习Less. 您可以浏览下面的示例,也可以尝试自己的Less代码.

Online Web IDEs/Playgrounds with Less support

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

Translations

Articles

Books

Videos

Experiments

Community

Contributing

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

License

CC0

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