Sass与Compass实战 _生活百科

文章插图
Sass与Compass实战【Sass与Compass实战】《Sass与Compass实战》共分为10章，旨在完整介绍两个工具：Sass和Compass ，从而引领读者通过框架高效地构建样式表，创建动态页面。《Sass与Compass实战》介绍了Sass如何通过选择器嵌套和变数来帮助避免重複，以及通过继承和混合器等特性更加高效地重用通用样式，减少重複编写工作。学完本书后，你一定能对Sass和Compass有一个全面的理解。如果你是Web设计师或者前端开发人员，那《Sass与Compass实战》定能让你受益匪浅。
基本介绍书名：Sass与Compass实战
作者：尼德兰Nathan Weizenbaum
出版日期：2014年6月1日
语种：简体中文
ISBN：7115353018
外文名：Sass and Compass in Action
出版社：人民邮电出版社
页数：188页
开本：16
基本介绍内容简介引入变数、混合器、选择器嵌套、选择器继承等概念为标準CSS添加了脚本功能和组件库帮助Web设计师和开发人员大幅度简化样式表编辑工作 Compass.app & Fire.app开发者薛良斌（布丁， hlb）豆瓣前端负责人张克军鼎力推荐作者简介Wynn Netherland 有近20年的Web从业经历。他主笔和参与撰写过许多Web开发方面的图书。他喜欢在GitHub上工作，经常在行业会议上演讲，并“出没”于开发者聚会，有时候还会在屋后的门廊里弹吉他。Nathan Weizenbaum 毕业于华盛顿大学，专业是计算机科学和哲学，他从Sass诞生之初就是首席开发者。目前，他是谷歌的软体工程师，负责Gmail开发。Chris Eppstein Compass框架的创建者， Sass核心团队成员。毕业于加州理工学院，软体工程师，有10年以上为硅谷创业公司创建网站和应用程式的经验。痴迷于前端开发，目前在LinkedIn从事前端架构和开发者关係相关的工作。Brandon Mathis Compass核心团队成员，基于Jekyll的可扩展部落格框架Octopress的作者。他目前是MongoHQ的一名设计师。媒体推荐”本书可以让网页设计师和开发人员从重複劳动中解放出来，体会撰写CSS的乐趣。“ ——薛良斌， Compass.app & Fire.app开发者 ”我对本书的出版充满期待，并相信它一定会把更多人带入CSS的世界。“ ——张克军，豆瓣前端负责人 “Sass与Compass创建者提供的最重要的一手资料，必读！” ——David A. Mosher ， DAVEMO Consulting “本书作者就是那些将CSS转换成了更有趣内容的人。” ——Jeroen van Dijk, ADGOJI “解决现实世界问题的优秀示例。” ——Jacob Rohde ， Amino图书目录第一部分认识Sass和Compass 第1章 Sass和Compass让样式表重焕青春 1.1 开始学习Sass 1.1.1 从CSS到Sass 1.1.2 动态思维 1.1.3 别做重複劳动 1.2 Sass你好：消除样式表冗余 1.2.1 通过变数来复用属性值 1.2.2 使用嵌套来快速写出多层级的选择器 1.2.3 使用混合器来复用一段样式 1.2.4 使用选择器继承来避免重複属性 1.3 Compass是什幺 1.3.1 Compass库 1.3.2 简单的Compass样式项目 1.3.3 社区生态系统 1.4 创建一个Compass项目 1.5 使用Compass解决真实的CSS问题 1.5.1 通过重置来保持样式表现一致 1.5.2 不用计算创建布局 1.5.3 通过表格辅助器为表格添加更专业的斑马条纹样式 1.5.4 CSS3属性无需再写厂商前缀 1.6 小结第2章 Sass基础语法 2.1 使用变数 2.1.1 变数声明 2.1.2 变数引用 2.1.3 变数名用中划线还是下划线分隔 2.2 嵌套CSS规则 2.2.1 父选择器的标识符& 2.2.2 群组选择器的嵌套 2.2.3 子组合选择器和同层组合选择器：>、+和～ 2.2.4 嵌套属性 2.3 导入Sass档案 2.3.1 使用Sass部分档案 2.3.2 默认变数值 2.3.3 嵌套导入 2.3.4 原生的CSS导入 2.4 静默注释 2.5 混合器 2.5.1 何时使用混合器 2.5.2 混合器中的CSS规则 2.5.3 给混合器传参 2.5.4 默认参数值 2.6 使用选择器继承来精简CSS 2.6.1 何时使用继承 2.6.2 继承的高级用法 2.6.3 继承的工作细节 2.6.4 使用继承的最佳实践 2.7 小结第二部分在实战中使用Sass和Compass 第3章无需计算玩转CSS格线布局 3.1 格线布局介绍 3.1.1 不使用CSS格线布局或者不使用格线辅助设计 3.1.2 格线布局系统或框架及其工作原理 3.1.3 使用Sass和Compass进行格线布局 3.2 开始使用格线布局 3.2.1 术语 3.2.2 是否使用格线布局，要语义还是要实用 3.2.3 固定的格线布局还是流动的格线布局 3.3 使用Blueprint 3.3.1 使用原生CSS的Blueprint 3.3.2 使用Compass套用Blueprint 3.3.3 使用Compass套用无需类名的Blueprint 3.4 使用960格线布局系统 3.4.1 一个基本的布局 3.4.2 在Compass中使用格线布局 3.5 通过Compass处理垂直韵律 3.5.1 确定基线 3.5.2 前置和后置留白 3.6 小结第4章有Compass就不再枯燥 4.1 一张更好的白纸源自有针对性的样式重置 4.1.1 全局样式重置 4.1.2 通过有针对性的样式重置进行更多控制 4.2 更快更直观的排版工具 4.2.1 起锚远航：连结辅助工具 4.2.2 创建各种各样的列表 4.2.3 用辅助工具征服文字 4.3 布局辅助工具 4.3.1 粘滞的页脚 4.3.2 可伸展元素 4.4 小结第5章通过Compass使用CSS 5.1 什幺是CSS3 5.1.1 新属性：浏览器前缀让你烦透了吧 5.1.2 让Compass拯救你 5.2 通过Compass使用CSS 5.2.1 圆角 5.2.2 CSS3阴影 5.2.3 颜色渐变 5.2.4 用@font—face嵌入字型 5.3 通过CSS PIE支持IE 5.4 小结第三部分来到生产环境第6章精灵 6.1 精灵的工作原理 6.2 精灵的必要性 6.2.1 HTTP请求越少越好 6.2.2 手动处理是一种折磨 6.2.3 Compass的方案 6.3 用Compass製作精灵 6.3.1 创建一个精灵地图 6.3.2 生成精灵的CSS 6.4 配置Compass精灵 6.4.1 自定义精灵地图 6.4.2 自定义精灵的CSS 6.5 驾驭精灵辅助器 6.5.1 创建精灵地图 6.5.2 撰写精灵的CSS 6.6 小结第7章从原型到产品 7.1 绝对URL 7.1.1 生成URL资源 7.1.2 避免出现死链 7.1.3 通过快取清理避免旧图片 7.2 用Sass和Compass做原型 7.2.1 简化你的开发环境 7.2.2 直接在浏览器里设计 7.3 发布成产品 7.3.1 想不到吧！该挪窝了 7.3.2 为生产环境编译 7.3.3 生成相对于域名的资源 7.3.4 添加着作权提示 7.3.5 发布CSS很简单 7.3.6 跟源码控制、发布流程配合在一起 7.3.7 和预发伺服器一起工作 7.4 小结第8章高性能式样表 8.1 测量客户端性能 8.2 迴避带有伺服器端@import的HTTP请求 8.3 用压缩减少传输时间 8.3.1 gzip压缩 8.3.2 图片压缩 8.4 用资源託管提高页面载入速度 8.4.1 使用资源託管生成URL 8.4.2 避免内容警告和基于域的资源相混合 8.5 内联data URI 8.6 选择器性能 8.6.1 积少成多的问题 8.6.2 过分嵌套的危险 8.7 小结第四部分高级Sass和Compass 第9章用Sass编写脚本 9.1 使用表达式 9.2 理解数据类型 9.2.1 字元串和名字 9.2.2 数值 9.2.3 颜色 9.2.4 列表 9.2.5 布尔值 9.3 函式 9.3.1 数值函式 9.3.2 颜色函式 9.3.3 列表函式 9.3.4 其他Sass函式 9.3.5 用户自定义函式 9.4 在选择器和属性名中使用表达式 9.5 控制指令 9.5.1 对数字重複样式 9.5.2 对列表重複样式 9.5.3 条件样式 9.6 小结第10章创建并分享一个Compass扩展 10.1 分享和重用样式表 10.1.1 Sass比CSS更容易分享 10.1.2 分享Sass 10.1.3 分享Sass是远远不够的 10.1.4 为什幺使用Compass扩展 10.2 一个简单的扩展 10.2.1 安装ad hoc扩展 10.2.2 测试你的扩展 10.3 创建扩展演示项目 10.4 编写高级扩展 10.4.1 自动化完成困难的部分 10.4.2 重构你的扩展 10.5 创建一个模板 10.6 分发扩展 10.6.1 在存档中分发扩展 10.6.2 将扩展作为Ruby gem分发 10.6.3 在Github上进行代码社交 10.7 小结 173 附录A 安装Sass和Compass 附录B 开始使用Compass 附录C Sass语法