Sass

Less/Sass编译工具,koala使用指南

如果你正在使用sass、less或coffee,而没有注意到koala,那说明你可能已经好久没有更新你的知识库了。koala这个由国人编写的,用于编译sass、less、coffee利器,在最近的短短几个月曝光率不亚于任何其他的技术。当然这跟其作者的辛勤劳动,让其更强更优秀有很大关系。在此先感谢koala的作者们,感谢你们给我们带来这么棒的免费工具。

其实编译工具有很多,我本人就各种免费的编译sass的工具都试过,一般都是不了了之,要么功能有限,要么编译速度不敢恭维,直到一个偶然的机会遇到koala,才停止搜索脚步,稳定使用它,现在它已经是我开机必备工具之一。下面我将以我自己的实际经验,简单介绍下koala。

浅析sass死亡在团队合作中

其实很多人对sass都有所了解,尤其是国内的大团队,甚至花过一番力气去推广,可是最后却一个个流产,这其中的原因众多。这里我简单说下个人的一些理解,如有不对还请手下留情。

第一,sass毕竟有一个学习成本,不过学习过的人都知道,其实学习这个起来还是很快的,如果你团队确实存在某个人连这个都学不会,那就别让他搞css了,要不拍拍屁股走人要不搞别的去要不他就是当领导的吧。

第二,sass不能动态引入在线的资源,拿css来说对于一些共有的东西如reset.css我们一般都是直接引入线上的绝对地址的,但是sass不能,所以目前我们引入sass有两种方法,第一种如compass那样,安装好,然后调用;第二个就是放在项目里调用。这个就牵扯到一个更新的问题,确实是比较头疼的,目前没有什么解决办法。

第三,sass从前不是很成熟。说实话听到less,sass什么的还是比较早的,但是那个时候总觉得还不是很好,所以简单摸了下。这不,技术是发展的,现在经过一步步的改进,已经发展到合意的地步了,是时候推广使用了。而那些曾经被sass伤害过的大神,回个头重新看下吧,现在的它发展到了一个更合理成熟的阶段了。

sassCore——设计更好的sass库

目前sass库中应用最多的应该就是compassbourbon,但是使用之后会发现compass设计太复杂了,而bourbon有点太简单了。于是只好琢磨着去搞一个使用起来更方便合理的sass库,经过翻阅众多资料、实践及思考,终于有了现在的sassCore,当然到目前为止sassCore还不是非常完善,但是对付日常的工作已经很够了。

之所以说是设计更好,决不会空穴来风,下面我们从几个方面简单说下sassCore的优势。

1、sassCore涵盖范围广,目前涉及了setting,reset,mixin,css3,typography,media-queries,grids,helps八个部分。

2、sassCore采用开关机制,对是否支持ie6/7等众多条件可以通过设置为true或false来搞定。

CSS预处理器——Sass、LESS和Stylus实践【未删减版】

CSS预处理器——Sass、LESS和Stylus实践》一文是在《程序员》杂志上发布的内容,由于篇幅所限,发表的文章删除了一些基础内容以及一些示例代码,为了让初次接触CSS预处理器语言的同学能更好的深入了解,特将未删除版本文章重新整理发布。全文从Sass、LESS和Stylus的背景介绍、安装步骤、转译方法、语法规则、基本特性和高级应用六个方面对目前世面上流行的三款CSS预处理器语法做了一个对比。他们各有各的优势,也各有各的劣势。希望对大家有所帮助。

预处器的对比——Sass、LESS和Stylus

发挥CSS预处器的作用是一种很有挑战性的事情。CSS预处器有不同的语言,有不同的语法和功能。在这篇文章中,我们将介绍三种不同CSS预处器的蛮量、功能以及他们的好处——SassLESSStylus 。CSS预处理器是一种语言,用来编写一些CSS的特性,而且无需考虑浏览器兼容性的问题。CSS预处器有成千上万的特性。本文根据的《Sass vs. LESS vs. Stylus: Preprocessor Shootout》所译,让我们开始学习CSS的三种预处器对比。

Sass新手指南

Sass是一门非常优秀的CSS预处理语言,他是由Hampton Catlin创立,其中他还有另外一个名称SCSS,这个SCSS看起来更像CSS。最近迷上了CSS预处理器方面的东东,所以开始在针对性的学习Less、Sass和Stylus三个流行的预处器语言的基础知识,希望具有一定的基础后可以针对一些优秀的框架,研读他们的源码。所以今天给大家介绍的是Sass新手方面的指南。这篇文章是根据Andrew Chalkley的《The Absolute Beginner’s Guide to Sass》所译,希望这篇译文能帮助大家对Sass有一个概念性的了解,当然要深入的介绍的话,我想我们可以用一本书来描述,此处只是做引导性的学习,今后我也会加强这方面的分享,有兴趣的同学就观注一下相关更新吧,让我们一起来学习这几种CSS预处理器语言。更好的帮助大家开发CSS、维护CSS,从而提高自己的效率。

Less介绍及其与Sass的差异

自从一个月前偶然发现Less之后我就开始坚定的使用它了。就CSS本身而言,对于我来说从来就不是问题,但是我很好奇的相法,使用变量来沿着一个调色板为我的网站或者模板创建一些东西。拥有一个提供固定数量给我选择的调色板,可以让我避免颜色太过跳跃,以致于从一个已定的风格中脱离。

页面

返回顶部