Tagged

Sass

A collection of 3 posts

LESS

LESS/Sass/CoffeeScript编译工具推荐 - Koala

越来越多的同学开始使用less/sass等预处理器的方式来编写CSS与JavaScript,很大程度上提高了工作效果,但编译文件是个繁琐的事情,使用命令行的方式操作起来很累,目前也已经有一些图形工具,比如mac下的codekit, windows下有winLess、simpless等。Codekit是一个很棒的工具,它是一个商业的软件且只有Mac版本。而windows下现有的工具都比较简陋,无法满足我们日常开发需求。 今天向大家推荐一个新工具Koala,功能齐全,跨平台运行,同时还是一个开源软件。 Koala是什么? koala是一个前端预处理器语言图形编译工具,目前已支持Less、Sass、Compass、CoffeeScript。 下载地址:http://koala-app.com/index-zh.html 功能特性: 多语言支持:支持less、sass、coffeescript、compass framework; 实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作; 编译选项:支持自定义设置各个语言的编译选项; Import文件监听:关联import文件,如import文件改变,源文件将自动进行编译。 代码压缩:less &

LESS

LESS/SASS/Stylus开发工具汇总

less、sass、stylus已经火起来了,越来越多的人开始使用这三个工具了,而且貌似使用less的人比较多一些而我们也有很多相关的开发和调试工具可以让我们的开发流程更简单快捷一些 SublimeText 相信用Sublime Text 2作为主要编辑器的前端开发同学已经很多了,Sublime Text上面的相关插件也不少,这里无需多说,Ctrl+Shift+P –> install package可以搜索到相关的插件,不过,这里也简单的汇总下: Less Sublime Less build Sublime Less2css Less snippets Sublime text haml sass SASS-Build-SublimeText2 Stylus Emmet——集成了less、sass、scss等,使用Tab或者Ctrl+E即可。 Chrome 最新版的Chrome开发者工具已经可以支持Sass了,点击开发者工具右下角的的设置按钮,切换到Experiments Tab,即可开启: 但是好期待也能够默认支持Less啊!!! 当然也有很多第三方插件可以用: SASS Inspector

css

LESS介绍及其与Sass的差异

原文:[LESS介绍及其与Sass的差异](http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html) 译自:[An Introduction To LESS, And Comparison To Sass](http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/) 原作者:[Jeremy Hixon](http://coding.smashingmagazine.com/author/jeremy-hixon/) 请尊重版权,转载请注明来源,多谢! - - - - - - 自从一个月前我偶然发现[LESS](http://lesscss.org/ "LESS « The