Sass與Compass實(shí)戰(zhàn)

定　價(jià)：￥49.00

作　者：	（美）Wynn,Netherland，Nathan,Weizenbaum Chris,Eppstein Brandon,Mathis 著，劉炬光，趙錦江，張浩然譯
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	程序設(shè)計(jì) 計(jì)算機(jī)/網(wǎng)絡(luò)

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787115353016	出版時(shí)間：	2014-05-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	188	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　《Sass與Compass實(shí)戰(zhàn)》共分為10章，旨在完整介紹兩個(gè)工具：Sass和Compass，從而引領(lǐng)讀者通過(guò)框架高效地構(gòu)建樣式表，創(chuàng)建動(dòng)態(tài)頁(yè)面?！禨ass與Compass實(shí)戰(zhàn)》介紹了Sass如何通過(guò)選擇器嵌套和變量來(lái)幫助避免重復(fù)，以及通過(guò)繼承和混合器等特性更加高效地重用通用樣式，減少重復(fù)編寫(xiě)工作。學(xué)完本書(shū)后，你一定能對(duì)Sass和Compass有一個(gè)全面的理解。如果你是Web設(shè)計(jì)師或者前端開(kāi)發(fā)人員，那《Sass與Compass實(shí)戰(zhàn)》定能讓你受益匪淺。

作者簡(jiǎn)介

　　Wynn Netherland，有近20年的Web從業(yè)經(jīng)歷。他主筆和參與撰寫(xiě)過(guò)許多Web開(kāi)發(fā)方面的圖書(shū)。他喜歡在GitHub上工作，經(jīng)常在行業(yè)會(huì)議上演講，并“出沒(méi)”于開(kāi)發(fā)者聚會(huì)，有時(shí)候還會(huì)在屋后的門(mén)廊里彈吉他?！athan Weizenbaum，畢業(yè)于華盛頓大學(xué)，專業(yè)是計(jì)算機(jī)科學(xué)和哲學(xué)，他從Sass誕生之初就是首席開(kāi)發(fā)者。目前，他是谷歌的軟件工程師，負(fù)責(zé)Gmail開(kāi)發(fā)?！hris Eppstein，Compass框架的創(chuàng)建者，Sass核心團(tuán)隊(duì)成員。畢業(yè)于加州理工學(xué)院，軟件工程師，有10年以上為硅谷創(chuàng)業(yè)公司創(chuàng)建網(wǎng)站和應(yīng)用程序的經(jīng)驗(yàn)。癡迷于前端開(kāi)發(fā)，目前在LinkedIn從事前端架構(gòu)和開(kāi)發(fā)者關(guān)系相關(guān)的工作。　Brandon Mathis， Compass核心團(tuán)隊(duì)成員，基于Jekyll的可擴(kuò)展博客框架Octopress的作者。他目前是MongoHQ的一名設(shè)計(jì)師。

圖書(shū)目錄

第一部分　認(rèn)識(shí)Sass和Compass
第1章　Sass和Compass讓樣式表重?zé)ㄇ啻骸?
1．1　開(kāi)始學(xué)習(xí)Sass　3
1．1．1　從CSS到Sass　3
1．1．2　動(dòng)態(tài)思維　4
1．1．3　別做重復(fù)勞動(dòng)　4
1．2　Sass你好：消除樣式表冗余　4
1．2．1　通過(guò)變量來(lái)復(fù)用屬性值　5
1．2．2　使用嵌套來(lái)快速寫(xiě)出多層級(jí)的選擇器　5
1．2．3　使用混合器來(lái)復(fù)用一段樣式　7
1．2．4　使用選擇器繼承來(lái)避免重復(fù)屬性　9
1．3　Compass是什么　11
1．3．1　Compass庫(kù)　11
1．3．2　簡(jiǎn)單的Compass樣式項(xiàng)目　12
1．3．3　社區(qū)生態(tài)系統(tǒng)　13
1．4　創(chuàng)建一個(gè)Compass項(xiàng)目　13
1．5　使用Compass解決真實(shí)的CSS問(wèn)題　14
1．5．1　通過(guò)重置來(lái)保持樣式表現(xiàn)一致　14
1．5．2　不用計(jì)算創(chuàng)建布局　17
1．5．3　通過(guò)表格輔助器為表格添加更專業(yè)的斑馬條紋樣式　20
1．5．4　CSS3屬性無(wú)需再寫(xiě)廠商前綴　21
1．6　小結(jié)　23
第2章　Sass基礎(chǔ)語(yǔ)法　24
2．1　使用變量　25
2．1．1　變量聲明　25
2．1．2　變量引用　25
2．1．3　變量名用中劃線還是下劃線分隔　26
2．2　嵌套CSS規(guī)則　27
2．2．1　父選擇器的標(biāo)識(shí)符&　28
2．2．2　群組選擇器的嵌套　29
2．2．3　子組合選擇器和同層組合選擇器：>、+和~　30
2．2．4　嵌套屬性　30
2．3　導(dǎo)入Sass文件　31
2．3．1　使用Sass部分文件　32
2．3．2　默認(rèn)變量值　33
2．3．3　嵌套導(dǎo)入　33
2．3．4　原生的CSS導(dǎo)入　34
2．4　靜默注釋　34
2．5　混合器　35
2．5．1　何時(shí)使用混合器　36
2．5．2　混合器中的CSS規(guī)則　36
2．5．3　給混合器傳參　37
2．5．4　默認(rèn)參數(shù)值　38
2．6　使用選擇器繼承來(lái)精簡(jiǎn)CSS　38
2．6．1　何時(shí)使用繼承　39
2．6．2　繼承的高級(jí)用法　40
2．6．3　繼承的工作細(xì)節(jié)　40
2．6．4　使用繼承的最佳實(shí)踐　41
2．7　小結(jié)　42
第二部分　在實(shí)戰(zhàn)中使用Sass和Compass
第3章　無(wú)需計(jì)算玩轉(zhuǎn)CSS網(wǎng)格布局　44
3．1　網(wǎng)格布局介紹　44
3．1．1　不使用CSS網(wǎng)格布局或者不使用網(wǎng)格輔助設(shè)計(jì)　44
3．1．2　網(wǎng)格布局系統(tǒng)或框架及其工作原理　44
3．1．3　使用Sass和Compass進(jìn)行網(wǎng)格布局　48
3．2　開(kāi)始使用網(wǎng)格布局　48
3．2．1　術(shù)語(yǔ)　48
3．2．2　是否使用網(wǎng)格布局，要語(yǔ)義還是要實(shí)用　49
3．2．3　固定的網(wǎng)格布局還是流動(dòng)的網(wǎng)格布局　49
3．3　使用Blueprint　50
3．3．1　使用原生CSS的Blueprint　51
3．3．2　使用Compass應(yīng)用Blueprint　52
3．3．3　使用Compass應(yīng)用無(wú)需類(lèi)名的Blueprint　54
3．4　使用960網(wǎng)格布局系統(tǒng)　55
3．4．1　一個(gè)基本的960布局　57
3．4．2　在Compass中使用960網(wǎng)格布局　58
3．5　通過(guò)Compass處理垂直韻律　60
3．5．1　確定基線　62
3．5．2　前置和后置留白　65
3．6　小結(jié)　65
第4章　有Compass就不再枯燥　66
4．1　一張更好的白紙?jiān)醋杂嗅槍?duì)性的樣式重置　66
4．1．1　全局樣式重置　66
4．1．2　通過(guò)有針對(duì)性的樣式重置進(jìn)行更多控制　68
4．2　更快更直觀的排版工具　69
4．2．1　起錨遠(yuǎn)航：鏈接輔助工具　69
4．2．2　創(chuàng)建各種各樣的列表　71
4．2．3　用輔助工具征服文字　75
4．3　布局輔助工具　77
4．3．1　粘滯的頁(yè)腳　77
4．3．2　可伸展元素　78
4．4　小結(jié)　79
第5章　通過(guò)Compass使用CSS3　80
5．1　什么是CSS3　80
5．1．1　新屬性：瀏覽器前綴讓你煩透了吧　80
5．1．2　讓Compass拯救你　81
5．2　通過(guò)Compass使用CSS3　82
5．2．1　圓角　82
5．2．2　CSS3陰影　83
5．2．3　顏色漸變　88
5．2．4　用@font-face嵌入字體　90
5．3　通過(guò)CSS PIE支持IE　91
5．4　小結(jié)　94
第三部分　來(lái)到生產(chǎn)環(huán)境
第6章　精靈　96
6．1　精靈的工作原理　96
6．2　精靈的必要性　97
6．2．1　HTTP請(qǐng)求越少越好　98
6．2．2　手動(dòng)處理是一種折磨　98
6．2．3　Compass的方案　99
6．3　用Compass制作精靈　100
6．3．1　創(chuàng)建一個(gè)精靈地圖　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　撰寫(xiě)精靈的CSS　110
6．6　小結(jié)　112
第7章　從原型到產(chǎn)品　113
7．1　絕對(duì)URL　114
7．1．1　生成URL資源　114
7．1．2　避免出現(xiàn)死鏈　115
7．1．3　通過(guò)緩存清理避免舊圖片　116
7．2　用Sass和Compass做原型　117
7．2．1　簡(jiǎn)化你的開(kāi)發(fā)環(huán)境　118
7．2．2　直接在瀏覽器里設(shè)計(jì)　119
7．3　發(fā)布成產(chǎn)品　120
7．3．1　想不到吧！該挪窩了　120
7．3．2　為生產(chǎn)環(huán)境編譯　120
7．3．3　生成相對(duì)于域名的資源　121
7．3．4　添加版權(quán)提示　122
7．3．5　發(fā)布CSS很簡(jiǎn)單　122
7．3．6　跟源碼控制、發(fā)布流程配合在一起　123
7．3．7　和預(yù)發(fā)服務(wù)器一起工作　124
7．4　小結(jié)　125
第8章　高性能式樣表　126
8．1　測(cè)量客戶端性能　126
8．2　回避帶有服務(wù)器端@import的HTTP請(qǐng)求　128
8．3　用壓縮減少傳輸時(shí)間　130
8．3．1　gzip壓縮　130
8．3．2　圖片壓縮　131
8．4　用資源托管提高頁(yè)面加載速度　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　積少成多的問(wèn)題　135
8．6．2　過(guò)分嵌套的危險(xiǎn)　135
8．7　小結(jié)　136
第四部分　高級(jí)Sass和Compass
第9章　用Sass編寫(xiě)腳本　138
9．1　使用表達(dá)式　139
9．2　理解數(shù)據(jù)類(lèi)型　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　在選擇器和屬性名中使用表達(dá)式　148
9．5　控制指令　149
9．5．1　對(duì)數(shù)字重復(fù)樣式　150
9．5．2　對(duì)列表重復(fù)樣式　150
9．5．3　條件樣式　151
9．6　小結(jié)　152
第10章　創(chuàng)建并分享一個(gè)Compass擴(kuò)展　153
10．1　分享和重用樣式表　153
10．1．1　Sass比CSS更容易分享　153
10．1．2　分享Sass　154
10．1．3　分享Sass是遠(yuǎn)遠(yuǎn)不夠的　155
10．1．4　為什么使用Compass擴(kuò)展　155
10．2　一個(gè)簡(jiǎn)單的擴(kuò)展　155
10．2．1　安裝ad hoc擴(kuò)展　156
10．2．2　測(cè)試你的擴(kuò)展　156
10．3　創(chuàng)建擴(kuò)展演示項(xiàng)目　157
10．4　編寫(xiě)高級(jí)擴(kuò)展　159
10．4．1　自動(dòng)化完成困難的部分　160
10．4．2　重構(gòu)你的擴(kuò)展　164
10．5　創(chuàng)建一個(gè)模板　167
10．6　分發(fā)擴(kuò)展　169
10．6．1　在存檔中分發(fā)擴(kuò)展　169
10．6．2　將擴(kuò)展作為Ruby gem分發(fā)　169
10．6．3　在Github上進(jìn)行代碼社交　172
10．7　小結(jié)　173
附錄A　安裝Sass和Compass　174
附錄B　開(kāi)始使用Compass　179
附錄C　Sass語(yǔ)法　185