《Sass和Compass设计师指南》是一本实用的前端开发指南,详细介绍了如何使用Sass和Compass工具来提高网页设计效率。通过阅读本书,读者可以学习到如何利用这些工具快速编写可维护的CSS代码,并实现更好的设计效果。这本书对于想要提升网页设计技能的设计师们非常有帮助。
Sass和Compass设计师指南读后感篇一
susy会自带一个高版本的sass,但是之前的compass又是有一个低版本的,如果用susy创建一个项目,就会提示两个版本的sass冲突,可是卸载任意版本的sass后竟然还是无法建立,这个问题至今还没解决
Sass和Compass设计师指南读后感篇二
为什么使用SASS/SCSS?
易维护,更方便的定制
对于一个大型或者稍微有规模的UI来说,如果需要替换下整体风格,或者是某个字体的像素值,比如我们经常会遇到panel,window以及portal共用一个背景色,这个时候按照常规的方式,我们需要一个个定位到元素使用的class,然后逐个替换,SASS提供了变量的方式,你可以把某个样式作为一个变量,然后各个class引用这个变量即可,修改时,我们只需修改对应的变量。
对于编程人员的友好
对于一个没有前端基础的编程人员,写css样式是一件非常痛苦的事情,他们会感觉到各种约束,为什么我不能定一个变量来避免那些类似“变量”的重复书写?为什么我不能继承上个class的样式定义?。。。SASS/SCSS正是帮编程人员解开了这些疑惑,让css看起来更像是一门编程语言。
效率的提升
对于一个前端开发人员来说,我不熟悉编程,也不关注css是否具有的一些编程语言特性,但这不是你放弃他的理由,css3的发展,加之主流浏览器的兼容性不一,很多浏览器都有自己的兼容hack,很多时候我们需要针对不同的浏览器写一堆的hack,这种浪费时间的重复劳动就交给SASS处理去吧!
Sass和Compass设计师指南读后感篇三
对于sass和compass,我已经不是第一次接触了,但是,确实讲的最通俗易懂的一次。以前在多掌握技术的心理下,看过别人写的sass和less的比较;大致的意思就是有了sass你的css开发将快的你受不了。但是,可能由于自己比较偏向后台,很少写css的缘故吧,没弄明白,既然sass最后要转成css,为什么不直接写css呢?搞那么复杂干嘛,看了本书的样章后,原来在实际开发中,它的作用就是给你省钱,时间就是金钱嘛。
弄明白,为什么要学它才能学的有动力吧!接下来就是安装和使用,在讲解过程中,不仅讲清楚了应该怎么做,而且更重要的是讲明白了我为什么要这么做,做这一步的作用和影响是什么。让自己对自己所做的事情有一个明确的了解。
书中讲明白了sass是什么?compass是什么?在各种平台下如何安装,卸载,查询安装情况。不仅如此,还介绍了各种平台中推荐的各种开发工具的特点。除此之外,我感觉讲的比较透彻的一块就是工程目录结构和css输出格式的讲解,使我对sass的开发有了一个清晰的认识。
最后,非常感谢作者的翻译,读完之后,有一种意犹未尽的感觉。
Sass和Compass设计师指南读后感篇四
对于一个从事web开发的程序员来说,前端Css的使用和后端程序的开发都非常重要,尤其现在这样一个适合全栈工程师发展的年代,只有多技术才能存活。
这本书可以说是Ben Frain对样式应用的理解的一个总结,也是对CSS预处理器Sass和Compass的一个详述。
一、书开始的序,从改变思路到作者的介绍,再到辅助作者完成本书的人员的说明,都体现出了对于本书的严谨和编写本书的含义。
二、从书的章节的设计上,可以看出作者对于开发设计人员的循序渐进的说明过程,从Sass和Compass的安装初步到后面玩转颜色,再到精通响应式的设计应用,都非常详细的说明了Sass和Compass的使用方法和应用实例。
三、书的引言部分,通过介绍该书面向的群体和书中一些约定,也可以看出作者在编写本书时的严谨的态度。
四、书的每个章节的开始都有一个详细的概述,讲述该章节要学习的目的和内容,让读者更有针对性的去学习和阅读。章节中的代码也是讲解的很细致,通过Sass代码和生成的Css代码的对比,使读者更容易掌握本书的知识点。
五、书中对于关键词的解释也非常的通俗易懂,在叙述安装的部分时,使用了图文并照的方式,使读者在应用上更顺手。
六、书中对于需要特殊理解的地方,作者都使用了特殊的灯泡图标和括号来详细的讲述这些特殊的地方,对于读者理解上下文,也更加的容易。
七、全书围绕Sass和Compass的使用和精通,扩展到了Sass和Compass的周边应用,包括一些工具,特殊用法,一些特殊命令的使用,都做了横向的说明,使设计者收益颇丰。
最后,还是很感谢翻译的作者任凯光,这本书,之前从网上看到过英文版,介于自己的英文水平,有些地方还是没有看懂。读过这本书的翻译章节后,觉得之前不解的地方明白了很多。
Sass和Compass设计师指南读后感篇五
我是第一次接触到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设计师指南读后感篇六
乍一看《XXX指南》的书名觉得应该是专业术语云集的大部头,不过下载了样章再看,觉得还真是通俗易懂。于是,一口气看完了样章的60页。
从目录上来看,我觉得作者写的是很具有实用性的,从sass和compass的由来、安装、开发工具、项目实战、深入了解。这样一节节,由浅到深,可以说是按照sass和compass入门、进阶的思路,步步深入,步步提高,符合我们一般学习的流程。
在看到这本书名之前,实话说,我不知道sass和compass是用来编写css的。作为一个以编程为主的开发者来说,对css的编写一般都是直接创建.css文件,然后写内容,有些场景还是直接在页面文件中写css代码。看了第一章的自动转换RGBA颜色值、忘记浏览器前缀、嵌套规则等等,可以说是灵机一动,原来css也可以这样写。有时候,我们会使用一些服务端开发的模版语言去生成css文件,通过对sass的了解,原来css还有这样的编写方式。虽然和我们使用模版语言生成css文件的目的不尽相同,不过却又异曲同工之妙。原来css还是有很多学问的,还是有很多高手的!!
在了解的啥是sass和compass,作者开始介绍如何安装。ruby是安装的基础环境,如何安装ruby,这里我觉得无论是作者还是译者都是贴近我们生活的朋友,其中“如果使用的是Linux系统,那么可以假设你已经十分熟悉并知道该怎么做了 ;如果不是这样,建议买一台Mac!”这样的翻译让我不禁一笑。
后面开发工具的介绍,我觉得是很实用的,毕竟初次接触sass这类东东时,有个好的工具是提升我们学习兴趣和效率的必用手段。作者的图文并茂,我觉得对我这类初学者是很有益处的。而这里面的一句“CodeKit是一款只基于Mac OS X系统的软件(抱歉,使用Windows系统和Linux系统的小伙伴们)。”正好和上面呼应,看完这段,我都有加入os开发阵营的想法了。嗯,首先的购入一台mac!哈哈!
第二章是一个sass的工程示例,我觉得写的很是详细适合边看边做。
通过这个样章,我觉得这本书作者写的入时,译者翻译的入时,是一个sass和compass入门学习的好书,值得拥有!
Sass和Compass设计师指南读后感篇七
第一章主要内容围绕即如何设置Sass 和 Compass。
其实在简介的时候,最好一点点的篇幅来比较一下Sass较LESS和Stylus更独特的原因。一些必要的使用Sass 和 Compass的准备工作比较详细,让使用者(设计师,还有普通人)消除代码恐慌。也算是这是不错的一种开篇方式。
Sass有些比较贴心的功能,比如可以忘记浏览器前缀,虽说基本上写CSS的人士 记这些浏览器并不是什么困难的事,但是需要输入的代码确实减少了。 书中一些小提示其实还蛮有用的,如:使用CSS选择器时不要写得太具体,虽然在Sass中能够使用嵌套规则,但不一定所有 时候都要用。
其中作者提到“我认为所有的网站都应该变成响应式的网站(可以参14 Sass和Compass 设计师指南考我的另一本书《Responsive web design with HTML5 and CSS3》”,跟普通人一样,作者可能 默认大家都可能或者很容易看到关于这书的相关信息,但是简单提及内容是有必要的,毕竟不是谁看一本书的时候,突然需要 又了解另一本书内容再回来阅读,这点对读者来说有点不便。
第一章中后半部分对于工具的介绍和截图占的篇幅比较多,还考虑了各种平台下的情况,
虽然全面,但是略显冗余。 不过Sass和 Compass来说,其实使用起来还是对ruby有依赖,这算是个小缺陷吧。
第二章由于都是操作步骤为主,排版的时候,比如“创建Compass工程”下面的二级步骤的标题 没有进行1,2,3,4 这样标注,可能在pdf阅读体验来看,步骤不够清晰。
在讲到config.rb 文件的机制的时候,出现“添加需要的插件”的插件相关,感觉内容有点急了,放到书中更加靠后会更好点。
书中举例中涉及到一些西方环境的背景,比如提到“比如看过电影《龙威小子》 (我说的是1984年原版的,不是重新翻拍的那部)”,这些可能对于没有文化背景的中国读者 来说失去了原有的效果。 但是从技术上来说,并不影响书内容的展开,西方技术书籍优点本书仍有继承, 案例手把手学习的方式 对于技术学习是非常高效的方式之一,另外本书选的角度,学习曲线的坡度挺低的,相较于技术人员的角度来说, 更容易让没有接触过的读者,也能轻松地阅读, 而更容易接受这些新玩意。
觉得如果能在国内的好好推广和普及这两玩意,对国内前端圈的发展肯定是有很好的作用的。 另外感觉试读内容可能有点少,无法好好领略本书的精髓,以上为本人一点愚见。
Sass和Compass设计师指南读后感篇八
为小公司的程序员,后端代码要写,前端效果也要写,因为一直依靠Dreamweaver这样的设计工具,很少手写CSS代码,传统的设计方法修改起来比较费劲,其实一直鄙视CSS的注释语法,非要是块注释形式,比较麻烦。
试读样章内容丰富,一共有69页,包括了序章、目录、引言以及完整的第一章、第二章内容。
首先从目录结构上来看,本书首先介绍了Sass和Compass,然后是创建Sass和Compass工程再到具体的使用(语法、颜色、弹性网格、高级Media查询、CSS3效果)、然后谈到编程逻辑和精通部分。
第一章中写到 Sass和Compass是让开发人员写出更强扩展、更易维护的代码,Sass一直把自己定义为一种元语言,像是“CSS预处理器”那样,使用的时候非常简单,会自动转换成我们熟悉的CSS语法。这里开始强调为什么使用CSS预处理器而不是直接写CSS,其实原因很简单,CSS只是声明语言而不是编程语言,没有办法提供逻辑性的内容。
很快第一章举出了使用Sass的好处,比如可以使用变量,自动转换RGBA颜色值、忘记浏览器的前缀(可以使用混合宏)、支持嵌套、Media查询更加简单和容易、自动压缩CSS实现快速建站,总之好处多多。
很快开始介绍什么是Sass,提供了Sass的历史和特性以及什么事Compass(CSS开发框架)。然后开始说明如何安装和使用Sass和Compass,从时尚的Mac系统开始到Windows下的安装以及使用图形界面等,简述了使用的工具和编辑器。
第二章开始讲解创建Sass和Compass的工程, 和其他IDE一样,需要先创建对应的工程,然后往工程里面添加“源文件”,使用命令语法进行创建,也是比较接近自然语言的“compass create”,然后提到了一堆很难记忆的各种配置选项,都是长格式的。然后说明了config.rb文件中的各种配置内容。设置CSS的输出格式、工程对应的存放目录等等配置选项。
完成这些内容之后,就是对模版文件的创建和使用,支持 @import语法,能够导入配置文件。配置文件过后就开始进入正题,介绍“变量”的使用方法以及注释的语法使用,Sass的注释语法和C/C++类似,支持单行和多行注释,比起CSS的注释更加方便。
试读两个章节的内容之后,感觉到Sass和Compass除了初始的时候需要做一些配置工作,整体使用起来还是比较简单的,能够在定义好的文件中进行“编程”,能够使用模版提高效率。比较佩服译者 任凯光 的翻译,整个文章读起来比较平滑流程,没有感觉到生硬,应该是Sass和Compass不多的入门和提高的图书。