我是第一次接触到Sass 和 Compass;以前对css的理解还停留在给简单的标签加样式,上网浏览到好的css库就下载备用等等;
开篇讲为什么需要CSS预处理器;作为初学者看到一个新的名词总是忍不住去x度查看它代表的意思Sass为我们提供一个免费的基于css并高于css的更加灵活的语言,可以进行变量定义,实现数据共享,并且最终生成的是css。解释了为什么要使用Sass和Compass;如果Sass在许多大型的企业发挥着自己不可替代的作用那么我作为新手考虑学习这门语言是很有必要的。紧接着又讲述Compass,它是第一个基于Sass的框架(书中原话,我在这里引用了一下)鉴于本人使用的是windows os 根据书中的步骤进行安装首先安装Ruby 然后安装Sass和Compass检验版本为Sass 3.2.19 (Media Mark) ,Compass 0.12.6 (Alnilam)这样环境就搭建好了。
第二章:创建Sass和Compass工程;通过ruby命令行输入compass create 创建一个新的默认的工程,config.rb是整个工程的核心,它已经包含了这些文件夹的路径,修改config文件可以添加插件,设定工程资源名称和路径,设定输出样式等等;然后讲解使用模板文件,在scss文件头部添加@import "compass"; @import "partials/normalize";就可以使用sass强大的功能。最后提到变量书写语法和注释格式。
前两讲的信息量比较大,讲述Sass的介绍,不同平台下环境搭建,简单的HelloWorld 工程以及自定义配置。作为入门来讲,本菜鸟已经基本掌握。尽管有的地方写的晦涩难懂,eg:变量的定义与使用。想必会在后续的章节中做介绍吧。
菜鸟对前两章的读书心得
《Sass和Compass设计师指南》热门书评
-
试读有感!
2有用 0无用 benbenming 2014-07-07
乍一看《XXX指南》的书名觉得应该是专业术语云集的大部头,不过下载了样章再看,觉得还真是通俗易懂。于是,一口气看完了样章的60页。 从目录上来看,我觉得作者写的是很具有实用性的,从sass和compass的由来、安装、开发工具、项目实战、深入了解。这样一节节,由浅到深,可以说是按照sass和comp...
-
为什么使用SASS/SCSS?
1有用 0无用 缪斯的情人 2014-06-26
为什么使用SASS/SCSS?易维护,更方便的定制 对于一个大型或者稍微有规模的UI来说,如果需要替换下整体风格,或者是某个字体的像素值,比如我们经常会遇到panel,window以及portal共用一个背景色,这个时候按照常规的方式,我们需要一个个定位到元素使用的class,然后逐个替换,SASS...
-
对于前端开发很实用
1有用 0无用 三文鱼的鱼 2014-06-26
对于一个从事web开发的程序员来说,前端Css的使用和后端程序的开发都非常重要,尤其现在这样一个适合全栈工程师发展的年代,只有多技术才能存活。 这本书可以说是Ben Frain对样式应用的理解的一个总结,也是对CSS预处理器Sa...
-
前端必备的吧算是,SASS和COMPASS这类框架是未来互联网前端开发的发展趋势
0有用 0无用 jolinz1019 2013-10-07
Ben Frain出的,他的经典作Responsive Web Design with HTML5 and CSS3。现在单位美工,前端都开始用框架了。纯手写CSS已经落伍了。此书特别适合美工,UI。入门以及想学习CSS细节的前端开发工程师也非常适合入手。如果是个CSS大牛,看看in action那...
-
解开神秘的SASS
0有用 0无用 倪倪倪 2013-10-08
不管你是SASS新手还是高手,"SASS and Compass for designers"都适合你。作为前端开发人员,在网上浏览过不少关于SASS的资源,但很少有这么好的系统的资源介绍,该书基本上涵盖了所有相关的内容,它从基础的知识讲起,并逐渐深入,语言轻松易懂,针对代码的分...
书名: Sass和Compass设计师指南
作者: [英] Ben Frain
出版社: 华中科技大学出版社
原作名: Sass and Compass for Designers
译者: 任凯光
出版年: 2014-4-25
页数: 272
定价: 49.90元
装帧: 平装
ISBN: 9787560999302