此部分為隱藏內(nèi)容，請輸入驗證碼后查看
掃描右側(cè)圖片或微信搜索 “ Java技術(shù)分享屋
” ，回復 “ 驗證碼
” ，獲取驗證密碼。
本資料僅供讀者預覽及學習交流使用，不能用于商業(yè)用途，請在下載后24小時內(nèi)刪除。如果喜歡，請購買正版！
一.資料圖片
二.資料簡介
本書是使用這兩種革命性工具創(chuàng)作樣式表的權(quán)威指南，內(nèi)容循序漸進，示例結(jié)合實戰(zhàn)。四位作者都是Sass和Compass的核心團隊成員（及創(chuàng)建者），向讀者展示了高效使用這兩種框架的精髓。
適合所有Web設計師、前端開發(fā)人員、Web應用產(chǎn)品經(jīng)理及相關(guān)人員閱讀。
三.作者簡介
作者簡介：
Wynn Netherland
有近20年的Web從業(yè)經(jīng)歷。他主筆和參與撰寫過許多Web開發(fā)方面的圖書。他喜歡在GitHub上工作，經(jīng)常在行業(yè)會議上演講，并“出沒”于開發(fā)者聚會，有時候還會在屋后的門廊里彈吉他。
Nathan Weizenbaum
畢業(yè)于華盛頓大學，專業(yè)是計算機科學和哲學，他從Sass誕生之初就是首席開發(fā)者。目前，他是谷歌的軟件工程師，負責Gmail開發(fā)。
Chris Eppstein
Compass框架的創(chuàng)建者，Sass核心團隊成員。畢業(yè)于加州理工學院，軟件工程師，有10年以上為硅谷創(chuàng)業(yè)公司創(chuàng)建網(wǎng)站和應用程序的經(jīng)驗。癡迷于前端開發(fā)，目前在LinkedIn從事前端架構(gòu)和開發(fā)者關(guān)系相關(guān)的工作。
Brandon Mathis
Compass核心團隊成員，基于Jekyll的可擴展博客框架Octopress的作者。他目前是MongoHQ的一名設計師。
譯者簡介：
劉炬光
騰訊Web前端工程師，AlloyTeam核心成員。熱愛HTML5 WebApp開發(fā)，在客戶端結(jié)合WebApp的開發(fā)上有非常豐富的經(jīng)驗。注重開發(fā)流程自動化，主導所在團隊的Web開發(fā)自動化工作。他是國內(nèi)最早接觸Sass和Compass的程序員，曾在w3ctech等大會上向大家介紹Sass和Compass。新浪微博：@materliu。
趙錦江
山西太原人士。2007年本科畢業(yè)于西北工業(yè)大學軟件工程專業(yè)，并從事前端開發(fā)工作至今，現(xiàn)任淘寶（中國）軟件有限公司前端開發(fā)專家，花名“勾股”。愛好翻譯，長期參與W3C HTML IG（中文興趣組）的技術(shù)規(guī)范翻譯工作。新浪微博：@勾三股四。
張浩然
本科專業(yè)為計算數(shù)學，現(xiàn)在南開大學攻讀計算數(shù)學碩士。目前專注于前端開發(fā)，持續(xù)關(guān)注最新的前端技術(shù)。愛前端，愛翻譯，曾在“前端亂燉”網(wǎng)站翻譯過70余篇文章，網(wǎng)站ID“張小俊128”。新浪微博：@張小俊128。
四.資料目錄
第一部分 認識Sass和Compass
第1章 Sass和Compass讓樣式表重煥青春 2
1.1 開始學習Sass 3
1.1.1 從CSS到Sass 3
1.1.2 動態(tài)思維 4
1.1.3 別做重復勞動 4
1.2 Sass你好：消除樣式表冗余 4
1.2.1 通過變量來復用屬性值 5
1.2.2 使用嵌套來快速寫出多層級的選擇器 5
1.2.3 使用混合器來復用一段樣式 7
1.2.4 使用選擇器繼承來避免重復屬性 9
1.3 Compass是什么 11
1.3.1 Compass庫 11
1.3.2 簡單的Compass樣式項目 12
1.3.3 社區(qū)生態(tài)系統(tǒng) 13
1.4 創(chuàng)建一個Compass項目 13
1.5 使用Compass解決真實的CSS問題 14
1.5.1 通過重置來保持樣式表現(xiàn)一致 14
1.5.2 不用計算創(chuàng)建布局 17
1.5.3 通過表格輔助器為表格添加更專業(yè)的斑馬條紋樣式 20
1.5.4 CSS3屬性無需再寫廠商前綴 21
1.6 小結(jié) 23
第2章 Sass基礎語法 24
2.1 使用變量 25
2.1.1 變量聲明 25
2.1.2 變量引用 25
2.1.3 變量名用中劃線還是下劃線分隔 26
2.2 嵌套CSS規(guī)則 27
2.2.1 父選擇器的標識符& 28
2.2.2 群組選擇器的嵌套 29
2.2.3 子組合選擇器和同層組合選擇器：>、+和~ 30
2.2.4 嵌套屬性 30
2.3 導入Sass文件 31
2.3.1 使用Sass部分文件 32
2.3.2 默認變量值 33
2.3.3 嵌套導入 33
2.3.4 原生的CSS導入 34
2.4 靜默注釋 34
2.5 混合器 35
2.5.1 何時使用混合器 36
2.5.2 混合器中的CSS規(guī)則 36
2.5.3 給混合器傳參 37
2.5.4 默認參數(shù)值 38
2.6 使用選擇器繼承來精簡CSS 38
2.6.1 何時使用繼承 39
2.6.2 繼承的高級用法 40
2.6.3 繼承的工作細節(jié) 40
2.6.4 使用繼承的最佳實踐 41
2.7 小結(jié) 42
第二部分 在實戰(zhàn)中使用Sass和Compass
第3章 無需計算玩轉(zhuǎn)CSS網(wǎng)格布局 44
3.1 網(wǎng)格布局介紹 44
3.1.1 不使用CSS網(wǎng)格布局或者不使用網(wǎng)格輔助設計 44
3.1.2 網(wǎng)格布局系統(tǒng)或框架及其工作原理 44
3.1.3 使用Sass和Compass進行網(wǎng)格布局 48
3.2 開始使用網(wǎng)格布局 48
3.2.1 術(shù)語 48
3.2.2 是否使用網(wǎng)格布局，要語義還是要實用 49
3.2.3 固定的網(wǎng)格布局還是流動的網(wǎng)格布局 49
3.3 使用Blueprint 50
3.3.1 使用原生CSS的Blueprint 51
3.3.2 使用Compass應用Blueprint 52
3.3.3 使用Compass應用無需類名的Blueprint 54
3.4 使用960網(wǎng)格布局系統(tǒng) 55
3.4.1 一個基本的960布局 57
3.4.2 在Compass中使用960網(wǎng)格布局 58
3.5 通過Compass處理垂直韻律 60
3.5.1 確定基線 62
3.5.2 前置和后置留白 65
3.6 小結(jié) 65
第4章 有Compass就不再枯燥 66
4.1 一張更好的白紙源自有針對性的樣式重置 66
4.1.1 全局樣式重置 66
4.1.2 通過有針對性的樣式重置進行更多控制 68
4.2 更快更直觀的排版工具 69
4.2.1 起錨遠航：鏈接輔助工具 69
4.2.2 創(chuàng)建各種各樣的列表 71
4.2.3 用輔助工具征服文字 75
4.3 布局輔助工具 77
4.3.1 粘滯的頁腳 77
4.3.2 可伸展元素 78
4.4 小結(jié) 79
第5章 通過Compass使用CSS3 80
5.1 什么是CSS3 80
5.1.1 新屬性：瀏覽器前綴讓你煩透了吧 80
5.1.2 讓Compass拯救你 81
5.2 通過Compass使用CSS3 82
5.2.1 圓角 82
5.2.2 CSS3陰影 83
5.2.3 顏色漸變 88
5.2.4 用@font-face嵌入字體 90
5.3 通過CSS PIE支持IE 91
5.4 小結(jié) 94
第三部分 來到生產(chǎn)環(huán)境
第6章 精靈 96
6.1 精靈的工作原理 96
6.2 精靈的必要性 97
6.2.1 HTTP請求越少越好 98
6.2.2 手動處理是一種折磨 98
6.2.3 Compass的方案 99
6.3 用Compass制作精靈 100
6.3.1 創(chuàng)建一個精靈地圖 100
6.3.2 生成精靈的CSS 101
6.4 配置Compass精靈 103
6.4.1 自定義精靈地圖 103
6.4.2 自定義精靈的CSS 106
6.5 駕馭精靈輔助器 109
6.5.1 創(chuàng)建精靈地圖 109
6.5.2 撰寫精靈的CSS 110
6.6 小結(jié) 112
第7章 從原型到產(chǎn)品 113
7.1 絕對URL 114
7.1.1 生成URL資源 114
7.1.2 避免出現(xiàn)死鏈 115
7.1.3 通過緩存清理避免舊圖片 116
7.2 用Sass和Compass做原型 117
7.2.1 簡化你的開發(fā)環(huán)境 118
7.2.2 直接在瀏覽器里設計 119
7.3 發(fā)布成產(chǎn)品 120
7.3.1 想不到吧！該挪窩了 120
7.3.2 為生產(chǎn)環(huán)境編譯 120
7.3.3 生成相對于域名的資源 121
7.3.4 添加版權(quán)提示 122
7.3.5 發(fā)布CSS很簡單 122
7.3.6 跟源碼控制、發(fā)布流程配合在一起 123
7.3.7 和預發(fā)服務器一起工作 124
7.4 小結(jié) 125
第8章 高性能式樣表 126
8.1 測量客戶端性能 126
8.2 回避帶有服務器端@import的HTTP請求 128
8.3 用壓縮減少傳輸時間 130
8.3.1 gzip壓縮 130
8.3.2 圖片壓縮 131
8.4 用資源托管提高頁面加載速度 131
8.4.1 使用資源托管生成URL 132
8.4.2 避免內(nèi)容警告和基于域的資源相混合 132
8.5 內(nèi)聯(lián)data URI 133
8.6 選擇器性能 134
8.6.1 積少成多的問題 135
8.6.2 過分嵌套的危險 135
8.7 小結(jié) 136
第四部分 高級Sass和Compass
第9章 用Sass編寫腳本 138
9.1 使用表達式 139
9.2 理解數(shù)據(jù)類型 139
9.2.1 字符串和名字 140
9.2.2 數(shù)值 141
9.2.3 顏色 142
9.2.4 列表 142
9.2.5 布爾值 143
9.3 函數(shù) 143
9.3.1 數(shù)值函數(shù) 144
9.3.2 顏色函數(shù) 145
9.3.3 列表函數(shù) 147
9.3.4 其他Sass函數(shù) 147
9.3.5 用戶自定義函數(shù) 147
9.4 在選擇器和屬性名中使用表達式 148
9.5 控制指令 149
9.5.1 對數(shù)字重復樣式 150
9.5.2 對列表重復樣式 150
9.5.3 條件樣式 151
9.6 小結(jié) 152
第10章 創(chuàng)建并分享一個Compass擴展 153
10.1 分享和重用樣式表 153
10.1.1 Sass比CSS更容易分享 153
10.1.2 分享Sass 154
10.1.3 分享Sass是遠遠不夠的 155
10.1.4 為什么使用Compass擴展 155
10.2 一個簡單的擴展 155
10.2.1 安裝ad hoc擴展 156
10.2.2 測試你的擴展 156
10.3 創(chuàng)建擴展演示項目 157
10.4 編寫高級擴展 159
10.4.1 自動化完成困難的部分 160
10.4.2 重構(gòu)你的擴展 164
10.5 創(chuàng)建一個模板 167
10.6 分發(fā)擴展 169
10.6.1 在存檔中分發(fā)擴展 169
10.6.2 將擴展作為Ruby gem分發(fā) 169
10.6.3 在Github上進行代碼社交 172
10.7 小結(jié) 173
附錄A 安裝Sass和Compass 174
附錄B 開始使用Compass 179
附錄C Sass語法 185