LESS/SASS/Stylus开发工具汇总

标签: Resource LESS Sass stylus sublime text 2 | 发表时间:2013-02-07 16:00 | 作者:神飞
出处:http://www.qianduan.net

less、sass、stylus已经火起来了,越来越多的人开始使用这三个工具了,而且貌似使用less的人比较多一些~~而我们也有很多相关的开发和调试工具可以让我们的开发流程更简单快捷一些~~

SublimeText

相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了,Sublime Text上面的相关插件也不少,这里无需多说,Ctrl+Shift+P –> install package可以搜索到相关的插件,不过,这里也简单的汇总下:

Chrome

最新版的Chrome开发者工具已经可以支持Sass了,点击开发者工具右下角的的设置按钮,切换到Experiments Tab,即可开启:

chrome-sass

但是好期待也能够默认支持Less啊!!!

当然也有很多第三方插件可以用:

好吧,chrome下貌似没有好用的less、stylus插件。

Firefox

CssGaga 支持 LESS

最新版的CssGaga开始支持自动处理less文件了。

嗯,神飞暂时就只收集到了这么多,有更多好用的插件或者工具欢迎反馈~~

相关 [less sass stylus] 推荐:

LESS/SASS/Stylus开发工具汇总

- - 前端观察
less、sass、stylus已经火起来了,越来越多的人开始使用这三个工具了,而且貌似使用less的人比较多一些~~而我们也有很多相关的开发和调试工具可以让我们的开发流程更简单快捷一些~~. 相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了,Sublime Text上面的相关插件也不少,这里无需多说,Ctrl+Shift+P –> install package可以搜索到相关的插件,不过,这里也简单的汇总下:.

为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus

- - 博客园_Ruby's Louvre
CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架. 本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus. 首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更见简洁,适应性更强,代码更直观等诸多好处.

LESS介绍及其与Sass的差异

- iVane - 前端观察
原文:LESS介绍以及与Sass的差异. 译自:An Introduction To LESS, And Comparison To Sass. 原作者:Jeremy Hixon. 请尊重版权,转载请注明来源,多谢. 自从一个月前我偶然发现LESS之后我就开始坚定的使用它了. CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法.

前端工具推荐-Koala,支持Less、Sass、CoffeeScript编译。

- - V2EX - 技术
越来越多的前端同学喜欢使用Less、Sass等预处理形式来编写CSS与JavaScript.这些语言确实很棒,大大提高工作效率,语法风格也很受Geek们青睐. 我也是一个Less重度使用者,之前一直用winLess编译less文件. less编译工具比较多人使用的有winless、simpless、codekit.

LESS介绍及其与Sass的差异前端观察

- - 博客 - 伯乐在线
自从一个月前我偶然发现 LESS之后我就开始坚定的使用它了. CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法. 拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离. 事实证明,LESS——以及Sass——功能比这个要多太多.

SASS用法指南

- - 阮一峰的网络日志
学过 CSS的人都知道,它不是一种编程语言. 你可以用它开发网页样式,但是没法用它编程. 也就是说,CSS基本上是设计师的工具,不是程序员的工具. 在程序员眼里,CSS是一件很麻烦的东西. 它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事. 很自然地,有人就开始为CSS加入编程元素,这被叫做 "CSS预处理器"(css preprocessor).

初步认识 LESS

- - 博客 - 伯乐在线
来源: 申毅&邵华@IBM DevelopWorks. LESS 提供了多种方式能平滑的将写好的代码转化成标准 CSS 代码,在很多流行的框架和工具盒中已经能经常看到 LESS 的身影了(例如 Twitter 提供的 bootstrap 库就使用了 LESS). 它和 SASS 等样式表语言又有何区别呢.

【每周小结】Less and More

- hailin - 日常生活的奇妙旅行
一个月前我被诊断出颈部血管轻度痉挛,这一个月来,我的生活可说发生了很大改变. 病痛让我不得不停下脚步,反思自己的生活方式--------我已不能继续盲目而危险地前行. 急躁、快速、信息拥堵的潮汐在这一个月里自我的生命中慢慢褪去,梳理清晰下一阶段生命的内容与节奏,是我这一个月来最大的收获. Less and More,哪些该多一些,哪些该少一些,做怎样的选择,就会有怎样的结果.

设计中的Less和More

- - 所有文章 - UCD大社区
Less is More是很多设计师的口头禅,它最早是由建筑大师Ludwig Mies van der Rohe提出,是一种提倡简单,反对过度装饰的设计理念. 在此基础上,不断的有设计师对这个思想加以改进和新的解读,现在它已经成为了设计界的一个基本理论和准则. 该理论的拥护者认为,使用简约的设计,去除不必要的细节,可以让产品和用户获得更大的收益,产生更好的效果.

Less is More,简化的插画艺术

- 翼翔 - 理想生活实验室
美国阿肯色州小石城的艺术总监 Matt Owen 除了是个疯狂的电影迷之外,也是一位情迷于“简化”的艺术家,他所创作的一系列电影海报同样也有“Less is More”的化繁为简的魅力. 看到这些海报,是否与你的电影印象相一致呢.