作为CSS预处理器,Sass已经成为编写更简洁、更易于维护的跨浏览器支持的CSS代码的标准框架。Sass是对CSS功能的进一步增强,它使以往复杂费时的任务变得简单。弗雷恩编著的《Sass和Compass设计师指南》通俗易懂,读者只要掌握了HTML和CSS的基本知识就能轻松学习书中内容。
本书是畅销书《响应式Web设计:HTML5和CSS3实战》作者Ben Frain的又一力作。书中介绍的Sass和Compass知识,可以让读者更加轻松地进行网页设计。本书通过丰富的实例循序渐进地展示了学习Sass和Compass的必备知识,让读者全面掌握Sass和Compass的强大功能。
弗雷恩编著的《Sass和Compass设计师指南》是《响应式Web设计:HTML5和CSS3实战》作者Ben Frain的又一力作。作者通过丰富、完整的案例,循序渐进地展示了Sass和Compass的使用方法。既使不懂编程的设计师读完本书也能轻松生成跨浏览器的、易于维护的CSS代码,并学会编写media query代码,进行响应式设计。《Sass和Compass设计师指南》适合交互设计师、UI设计师、网页设计师、前端开发工程师阅读。
第1章 Sass和Compass概述
1.1 为什么需要CSS预处理器
1.1.1 如果最终生成的是CSS代码,为什么不干脆手写CSS?
1.2 为什么应该用Sass和Compass
使用变量(每个属性值只需要定义一次)
理解变量语法
自动转换的RGBA颜色值
忘记浏览器前缀
嵌套规则
Media queries变得更加简单
自动压缩CSS从而实现快速建站
1.3 什么是Sass
1.4 什么是Compass
1.5 安装Sass和Compass
OS X系统安装方法
1.6 通过命令行安装和使用Sass和Compass
在Windows下安装Ruby
运行gem命令
Mac OS X命令安装
Windows命令行安装
检查你的Sass和Compass版本
检查有哪些Sass和Compass版本可用
安装最新版本的Sass和Compass(包括预发布版本)
从命令行创建Sass和Compass工程
命令行自动编译功能
1.7 使用图形界面软件运行Sass 和 Compass
Scout app
CodeKit
LiveReload
1.8 在文本编辑器下使用Sass文件
1.9 小结
……
第2章 创建Sass和Compass工程
第3章 嵌套,扩展,占位符和混合宏
第4章 轻松玩转颜色
第5章 Sass和Compass的响应式弹性网格系统
第6章 Sass和混合宏中的高级media queries
第7章 Compass中的CSS3、Image Sprites等功能
第8章 Sass的编程逻辑
第9章 精通Sass和Compass