豆瓣阅读

    Sass与Compass实战

    阅读
    ¥19.99¥13.99
    图灵计算机3月春季7折促销 了解详情
    • 导言
    • 目录
    • 作品信息

    《Sass与Compass实战》共分为10章,旨在完整介绍两个工具:Sass和Compass,从而引领读者通过框架高效地构建样式表,创建动态页面。《Sass与Compass实战》介绍了Sass如何通过选择器嵌套和变量来帮助避免重复,以及通过继承和混合器等特性更加高效地重用通用样式,减少重复编写工作。学完本书后,你一定能对Sass和Compass有一个全面的理解。

    如果你是Web设计师或者前端开发人员,那《Sass与Compass实战》定能让你受益匪浅。

    作者简介:

    Wynn Netherland

    有近20年的Web从业经历。他主笔和参与撰写过许多Web开发方面的图书。他喜欢在GitHub上工作,经常在行业会议上演讲,并“出没”于开发者聚会,有时候还会在屋后的门廊里弹吉他。

    Nathan Weizenbaum

    毕业于华盛顿大学,专业是计算机科学和哲学,他从Sass诞生之初就是首席开发者。目前,他是谷歌的软件工程师,负责Gmail开发。

    Chris Eppstein

    Compass框架的创建者,Sass核心团队成员。毕业于加州理工学院,软件工程师,有10年以上为硅谷创业公司创建网站和应用程序的经验。痴迷于前端开发,目前在LinkedIn从事前端架构和开发者关系相关的工作。

    Brandon Mathis

    Compass核心团队成员,基于Jekyll的可扩展博客框架Octopress的作者。他目前是MongoHQ的一名设计师。

    译者简介:

    刘炬光

    腾讯Web前端工程师,AlloyTeam核心成员。热爱HTML5 WebApp开发,在客户端结合WebApp的开发上有非常丰富的经验。注重开发流程自动化,主导所在团队的Web开发自动化工作。他是国内最早接触Sass和Compass的程序员,曾在w3ctech等大会上向大家介绍Sass和Compass。新浪微博:@materliu。

    赵锦江

    山西太原人士。2007年本科毕业于西北工业大学软件工程专业,并从事前端开发工作至今,现任淘宝(中国)软件有限公司前端开发专家,花名“勾股”。爱好翻译,长期参与W3C HTML IG(中文兴趣组)的技术规范翻译工作。新浪微博:@勾三股四。

    张浩然

    本科专业为计算数学,现在南开大学攻读计算数学硕士。目前专注于前端开发,持续关注最新的前端技术。爱前端,爱翻译,曾在“前端乱炖”网站翻译过70余篇文章,网站ID“张小俊128”。新浪微博:@张小俊128。

    1. 献词
    2. 推荐序一
    3. 推荐序二
    4. 译者序一
    5. 译者序二
    6. 译者序三
    7. 关于本书
    8. 本书读者对象
    9. 路线图
    10. 代码约定和下载
    11. 作者在线
    12. 关于封面插图
    13. 致谢
    14. Wynn netherland个人致谢
    15. 第一部分 认识Sass和Compass
    16. 第1章 Sass和Compass让样式表重焕青春
    17. 本章内容
    18. 1.1 开始学习Sass
    19. 1.1.1 从CSS到Sass
    20. 1.1.2 动态思维
    21. 1.1.3 别做重复劳动
    22. 1.2 Sass你好:消除样式表冗余
    23. 1.2.1 通过变量来复用属性值
    24. 1.2.2 使用嵌套来快速写出多层级的选择器
    25. 1.2.3 使用混合器来复用一段样式
    26. 1.2.4 使用选择器继承来避免重复属性
    27. 1.3 Compass是什么
    28. 1.3.1 Compass库
    29. 1.3.2 简单的Compass样式项目
    30. 1.3.3 社区生态系统
    31. 1.4 创建一个Compass项目
    32. 1.5 使用Compass解决真实的CSS问题
    33. 1.5.1 通过重置来保持样式表现一致
    34. 1.5.2 不用计算创建布局
    35. 1.5.3 通过表格辅助器为表格添加更专业的斑马条纹样式
    36. 1.5.4 CSS3属性无需再写厂商前缀
    37. 1.6 小结
    38. 第2章 Sass基础语法
    39. 本章内容
    40. 2.1 使用变量
    41. 2.1.1 变量声明
    42. 2.1.2 变量引用
    43. 2.1.3 变量名用中划线还是下划线分隔
    44. 2.2 嵌套CSS规则
    45. 2.2.1 父选择器的标识符 &
    46. 2.2.2 群组选择器的嵌套
    47. 2.2.3 子组合选择器和同层组合选择器: > 、 + 和 ~
    48. 2.2.4 嵌套属性
    49. 2.3 导入Sass文件
    50. 2.3.1 使用Sass部分文件
    51. 2.3.2 默认变量值
    52. 2.3.3 嵌套导入
    53. 2.3.4 原生的CSS导入
    54. 2.4 静默注释
    55. 2.5 混合器
    56. 2.5.1 何时使用混合器
    57. 2.5.2 混合器中的CSS规则
    58. 2.5.3 给混合器传参
    59. 2.5.4 默认参数值
    60. 2.6 使用选择器继承来精简CSS
    61. 2.6.1 何时使用继承
    62. 2.6.2 继承的高级用法
    63. 2.6.3 继承的工作细节
    64. 2.6.4 使用继承的最佳实践
    65. 2.7 小结
    66. 第二部分 在实战中使用Sass和Compass
    67. 第3章 无需计算玩转CSS网格布局
    68. 本章内容
    69. 3.1 网格布局介绍
    70. 3.1.1 不使用CSS网格布局或者不使用网格辅助设计
    71. 3.1.2 网格布局系统或框架及其工作原理
    72. 3.1.3 使用Sass和Compass进行网格布局
    73. 3.2 开始使用网格布局
    74. 3.2.1 术语
    75. 3.2.2 是否使用网格布局,要语义还是要实用
    76. 3.2.3 固定的网格布局还是流动的网格布局
    77. 3.3 使用Blueprint
    78. 3.3.1 使用原生CSS的Blueprint
    79. 3.3.2 使用Compass应用Blueprint
    80. 3.3.3 使用Compass应用无需类名的Blueprint
    81. 3.4 使用960网格布局系统
    82. 3.4.1 一个基本的960布局
    83. 3.4.2 在Compass中使用960网格布局
    84. 3.5 通过Compass处理垂直韵律
    85. 3.5.1 确定基线
    86. 3.5.2 前置和后置留白
    87. 3.6 小结
    88. 第4章 有Compass就不再枯燥
    89. 本章内容
    90. 4.1 一张更好的白纸源自有针对性的样式重置
    91. 4.1.1 全局样式重置
    92. 4.1.2 通过有针对性的样式重置进行更多控制
    93. 4.2 更快更直观的排版工具
    94. 4.2.1 起锚远航:链接辅助工具
    95. 4.2.2 创建各种各样的列表
    96. 4.2.3 用辅助工具征服文字
    97. 4.3 布局辅助工具
    98. 4.3.1 粘滞的页脚
    99. 4.3.2 可伸展元素
    100. 4.4  小结
    101. 第5章 通过Compass使用CSS3
    102. 本章内容
    103. 5.1 什么是CSS3
    104. 5.1.1 新属性:浏览器前缀让你烦透了吧
    105. 5.1.2 让Compass拯救你
    106. 5.2 通过Compass使用CSS3
    107. 5.2.1 圆角
    108. 5.2.2 CSS3阴影
    109. 5.2.3 颜色渐变
    110. 5.2.4 用 @font-face 嵌入字体
    111. 5.3 通过CSS PIE支持IE
    112. 5.4 小结
    113. 第三部分 来到生产环境
    114. 第6章 精灵
    115. 本章内容
    116. 6.1 精灵的工作原理
    117. 6.2 精灵的必要性
    118. 6.2.1 HTTP请求越少越好
    119. 6.2.2 手动处理是一种折磨
    120. 6.2.3 Compass的方案
    121. 6.3 用Compass制作精灵
    122. 6.3.1 创建一个精灵地图
    123. 6.3.2 生成精灵的CSS
    124. 6.4 配置Compass精灵
    125. 6.4.1 自定义精灵地图
    126. 6.4.2 自定义精灵的CSS
    127. 6.5 驾驭精灵辅助器
    128. 6.5.1 创建精灵地图
    129. 6.5.2 撰写精灵的CSS
    130. 6.6 小结
    131. 第7章 从原型到产品
    132. 7.1 绝对URL
    133. 7.1.1 生成URL资源
    134. 7.1.2 避免出现死链
    135. 7.1.3 通过缓存清理避免旧图片
    136. 7.2 用Sass和Compass做原型
    137. 7.2.1 简化你的开发环境
    138. 7.2.2 直接在浏览器里设计
    139. 7.3 发布成产品
    140. 7.3.1 想不到吧!该挪窝了
    141. 7.3.2 为生产环境编译
    142. 7.3.3 生成相对于域名的资源
    143. 7.3.4 添加版权提示
    144. 7.3.5 发布CSS很简单
    145. 7.3.6 跟源码控制、发布流程配合在一起
    146. 7.3.7 和预发服务器一起工作
    147. 7.4 小结
    148. 第8章 高性能式样表
    149. 本章内容
    150. 8.1 测量客户端性能
    151. 8.2 回避带有服务器端 @import 的HTTP请求
    152. 8.3 用压缩减少传输时间
    153. 8.3.1 gzip压缩
    154. 8.3.2 图片压缩
    155. 8.4 用资源托管提高页面加载速度
    156. 8.4.1 使用资源托管生成URL
    157. 8.4.2 避免内容警告和基于域的资源相混合
    158. 8.5 内联data URI
    159. 8.6 选择器性能
    160. 8.6.1 积少成多的问题
    161. 8.6.2 过分嵌套的危险
    162. 8.7 小结
    163. 第四部分 高级Sass和Compass
    164. 第9章 用Sass编写脚本
    165. 本章内容
    166. 9.1 使用表达式
    167. 9.2 理解数据类型
    168. 9.2.1 字符串和名字
    169. 9.2.2 数值
    170. 9.2.3 颜色
    171. 9.2.4 列表
    172. 9.2.5 布尔值
    173. 9.3 函数
    174. 9.3.1 数值函数
    175. 9.3.2 颜色函数
    176. 9.3.3 列表函数
    177. 9.3.4 其他Sass函数
    178. 9.3.5 用户自定义函数
    179. 9.4 在选择器和属性名中使用表达式
    180. 9.5 控制指令
    181. 9.5.1 对数字重复样式
    182. 9.5.2 对列表重复样式
    183. 9.5.3 条件样式
    184. 9.6 小结
    185. 第10章 创建并分享一个Compass扩展
    186. 本章内容
    187. 10.1 分享和重用样式表
    188. 10.1.1 Sass比CSS更容易分享
    189. 10.1.2 分享Sass
    190. 10.1.3 分享Sass是远远不够的
    191. 10.1.4 为什么使用Compass扩展
    192. 10.2 一个简单的扩展
    193. 10.2.1 安装ad hoc扩展
    194. 10.2.2 测试你的扩展
    195. 10.3 创建扩展演示项目
    196. 10.4 编写高级扩展
    197. 10.4.1 自动化完成困难的部分
    198. 10.4.2 重构你的扩展
    199. 10.5 创建一个模板
    200. 10.6 分发扩展
    201. 10.6.1 在存档中分发扩展
    202. 10.6.2 将扩展作为Ruby gem分发
    203. 10.6.3 在Github上进行代码社交
    204. 10.7 小结
    205. 附录A 安装Sass和Compass
    206. A.1 在Windows系统中安装
    207. A.1.1 打开Windows命令行窗口
    208. A.1.2 在Windows中安装Ruby
    209. A.1.3 在Windows系统中安装Sass和Compass
    210. A.2 在MAC OS X系统中安装
    211. A.2.1 打开Mac OS X终端窗口
    212. A.2.2 安装Ruby
    213. A.2.3 在Mac中安装Sass和Compass
    214. A.3 在Linux系统中安装
    215. A.3.1 打开Linux终端
    216. A.3.2 安装Ruby
    217. A.3.3 在Linux系统中安装Sass和Compass
    218. 附录B 开始使用Compass
    219. B.1 创建一个新项目
    220. B.1.1 在设置项目时配置选项
    221. B.1.2 在Rails项目中添加Compass
    222. B.2 安装Compass扩展
    223. B.2.1 安装以Ruby gem形式发布的扩展
    224. B.2.2 为已经存在的项目安装扩展
    225. B.2.3 安装以ad hoc形式发布的扩展
    226. B.2.4 安装扩展的模式
    227. B.3 配置你的Compass项目
    228. B.3.1 使用资源
    229. B.3.2 配置资源位置
    230. B.4 命令行
    231. 获得帮助
    232. 附录C Sass语法
    233. C.1 缩进Sass与SCSS
    234. C.1.1 空格与括号、分号
    235. C.1.2  @import 指令
    236. C.1.3 混入类
    237. C.1.4 注释
    238. C.1.5 哪种语法更好
    239. 看完了

    作者〔美〕尼德兰 (Wynn Netherland)〔美〕Nathan Weizenbaum〔美〕Chris Eppstein〔美〕Brandon Mathis

    译者刘炬光赵锦江张浩然

    类别 图书 / 非虚构

    提供方图灵社区

    来自豆瓣读书的评论1