Compass创建者Chris Eppstein:真正的CSS框架是如何工作的

Chris Eppstein,Compass框架的创建者,Sass核心团队成员。Chris有10年以上为硅谷创业公司创建网站和应用程序的经验,痴迷于前端开发。Chris曾是Caring.com的架构师,也是第一位员工,这个网站致力于服务老病人群的护理者。为了能够用有限的经历专心从事Sass和Compass的相关工作,Chris Eppstein离开了工作了6年的Caring.com,加入LinkedIn,从事前端架构和维护Sass & Compass的工作。这是他一直以来梦想的工作。Chris Eppstein著有《Sass与Compass实战》


Chris Eppstein(左)和前端开发者Liang-Bin Hsueh合影

问:你是如何开始对Sass感兴趣又自创了Compass这个框架的?

当我在2007年发现Sass的时候,它还是版本1.8,而且是另一个开源项目Haml的一部分,它是为Ruby设计的HTML模板语言。虽然Haml也不错,但是我发现Sass其实更具有革命性。Sass当时还没有今天我们见到的众多功能,但是对于我来说已经看到了希望:样式表库(经常被称为CSS框架)可以像软件库那样用适合的API来分发,而全然都没有传统CSS框架造成的问题。

Compass最开始的时候是Blueprint CSS架构对Sass的端口。我和Blueprint团队沟通后,他们允许我提交一个补丁,这个补丁使用Sass作为源语言,创建CSS的分发。在那时,Blueprint是一个很成功的开源项目,所以在写这个补丁的时候我花了很多精力。完成补丁的时候,我已经把这个项目中的每行代码都给换了。在这过程之中,我意识到我所创造的工具链是通用的,可以从这个特定的样式表中分割开来。当我的补丁被Blueprint拒绝了之后,我想要指出一个方向:真正的CSS框架是如何工作的。所以我把我的项目称为Compass(指南针),因为它指引了方向,而且听起来和Sass类似。

问:加入LinkedIn的最大收获是什么?LinkedIn在Compass的开发方面有什么帮助?

在加入LinkedIn之前,我的工作职务和家庭责任让我几乎没有时间在开源软件上工作。我已经精疲力竭,必须要停止某件事情,所以我放弃了开源软件。但是,开源软件是我的热情所在,所以我开始寻找让开源变成挣钱手段的方法。我考虑过咨询,教学,而且我接触了一些重要的公司,我认为他们有可能乐于看到Sass 和 Compass的开发进展更进一步。LinkedIn很热情地接待了我,和他们的人会面之后,当我意识到他们对于支持开源软件是多么地热忱,我就知道我找到家了。

每个在LinkedIn工作的人都可以把10%的工作时间花在业余项目上,但是我可以花50%的工作时间在我觉得有意义的开源项目上。另50%的时间,我用在提高LinkedIn的静态内容以及样式表架构和工具上。

问:很多业界大牛都向Compass贡献过代码,比如Eric Suzanne 和 Scott Davis。在项目之初,Compass是如何吸引这些人的注意力的?

是他们找到了我,在表明想要帮忙的来意之后,我欢迎了他们。当时我们并没有因为任何东西而出名。我们被人所知全是因为后来我们一起努力所创造出的产品。

问:CSS有时会很脆弱,很多人担心一旦他们开始尝试CSS预处理器,会完全改变他们写作和管理样式表的方式。对于他们,你有什么建议吗?

CSS有时确实很脆弱,使用Sass则会让你完全改变对于样式表的看法。这是一件好事。但是既然SCSS语法是CSS的超集,你可以一点一点地用你自己的节奏慢慢接受每个功能。第一步就是要把所有的文件名的后缀由.css改成 .scss。祝贺你!现在你已经在写sass了。现在你可以提取某些重复的值,把它们变成变量,这样当你想改变的时候就会更加简单。然后再创造一些mixin让你的样式表中的常见模式更容易维护,在你阅读的时候还会标注出来。然后使用一些嵌套让你更少重复,你的文件也会更易读。就是这么简单!

问:人们经常争论Sass, LESS 和 Stylus哪个更好,你能向我们解释一下它们各自都有哪些独特的优势吗?

Sass毫无疑问是最好的样式表处理器,对于大部分人来说都是明智的选择。如果你选择了LESS的话,可能是因为它上手更简单,可以在你的浏览器里运行。以JavaScript/Node.js为基础的项目和LESS与Stylus整合起来更简单,因为它们就是用javascript构建的。Stylus语言的目标使用者更多的是程序员,而LESS相比于Sass来说更倾向于描述,这样设计是为了维护CSS描述性的本质。所有这些工具都会帮助你从简单的CSS魔爪下逃离出来,让你的生活更轻松。

问:随着时间累积,Compass变得越来越大,你有没有考虑在什么时候对Compass做一下优化?

Compass从来不会强迫你在样式表中放入任何你不想要的东西。既然如此,从Compass 1.0开始我们已经把Compass分成两个项目,"CLI"是Compass的命令行界面(Command Line Interface),而"Core"全是样式表和配置。核心库可以在没有 CLI 的情况下使用,这也让它和其他以Sass为基础的项目更好地交互,从而加入Compass的支持。最终,Compass的核心会和LibSass一起运行,LibSass是一个以C++为基础的Sass实现,它运行起来非常地块。

问:现在有很多优秀的Sass 和 Compass工具,你个人有什么推荐吗?

这个问题很难回答,因为有太多的好工具了。我认为你应该为你的工作选择正确的工具。值得一提的是,Susy 2是一个很棒的网格系统,我认为这个工具很有创意,而且它的出现为Sass API的简洁性和可组合性确立了一个新的标杆。

问:Compass的指定捐助对象为什么是UMDF(联合线粒体疾病基金会)?Compass是一个慈善共享软件,有多少Compass相关工具帮助筹集资金?Compass已经帮助UMDF捐助了多少钱?

线粒体疾病是一种罕见的情况,多发于儿童,患病儿童大多数都无法活到成年。捐助的资金都用于治疗和治愈的研究,以及对病人和其家人的支持。发起这项捐助有我的个人原因在里面,我的父亲在1992年被确诊为患有一种罕见的成年人形式的线粒体疾病。

据我现在所知,Compass.app已经捐助了他们一部分的利润。其他的22,000美元都是从社区捐赠而来。小善举也会让爱心汇聚!

问:你曾和很多创业公司有过密切接触,对于急于成功的创业者们你有没有什么建议?

有一些。找工作要找你喜欢的,并且周围都是你愿意与之共事的同事。不要以低于市场价值的薪酬工作,不管他们承诺给你多少的股权。不要工作到忘了那些在你生命中真正重要的人,为他们留出足够的时间。如果你拥有了这些,无论你的创业事业发展如何,你都是成功的。

从另一方面来说,对于任何工作或产品,我认为核心技能就是在洗耳倾听和冷静判断之间找到一个平衡,你应该具有相应的品味和眼界来判断什么主张可以让你更接近目标,而什么主张会让你从接近目标的航线上偏离开来,要对使你偏离的主意说不。Sass正是一个经历了如此过程的产品。我们知道我们想要这个语言做到什么,但是我们也会仔细倾听社区和使用者们的建议,他们会指引我们做出对他们来说更有用的产品。

感谢所有阅读这篇访谈的读者,我希望你们也会喜欢我的书《Sass与Compass实战》!我喜欢为你们开发Sass
& Compass,衷心希望你们喜欢使用这个工具。


更多精彩,加入图灵访谈微信!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值