響應(yīng)式Web設(shè)計(jì)：HTML5和CSS3實(shí)踐指南

定　價(jià)：￥39.00

作　者：	（美）Benjamin LaGrone 著；黃博文譯
出版社：	機(jī)械工業(yè)出版社
叢編項(xiàng)：	Web開發(fā)技術(shù)叢書
標(biāo)　簽：	HTML XML 程序設(shè)計(jì) 計(jì)算機(jī)/網(wǎng)絡(luò)

購買這本書可以去

ISBN：	9787111473213	出版時(shí)間：	2014-08-01	包裝：
開本：	32開	頁數(shù)：	188	字?jǐn)?shù)：

內(nèi)容簡介

　　移動互聯(lián)網(wǎng)時(shí)代到來了。本書將當(dāng)前web設(shè)計(jì)中熱門的響應(yīng)式設(shè)計(jì)技術(shù)與html5和css3結(jié)合起來，為讀者全面深入地講解了針對各種屏幕大小設(shè)計(jì)和開發(fā)現(xiàn)代網(wǎng)站的各種技術(shù)。不僅討論了媒體查詢、流式布局、相對字體、響應(yīng)式媒體，更將html5和css3的相關(guān)知識點(diǎn)一并講解，是學(xué)習(xí)最新web設(shè)計(jì)技術(shù)不可多得的佳作。

作者簡介

　　Benjamin LaGrone，資深Web開發(fā)工程師，擁有豐富的Web開發(fā)經(jīng)驗(yàn)，專注于移動設(shè)備和互聯(lián)網(wǎng)項(xiàng)目，熱衷于響應(yīng)式Web設(shè)計(jì)。他現(xiàn)在就職于SAAS，是開發(fā)團(tuán)隊(duì)移動和響應(yīng)式設(shè)計(jì)的傳道者。黃博文，思特沃克高級軟件工程師，精通C#、Java、JavaScript等語言，具有豐富的自動化測試經(jīng)驗(yàn)和持續(xù)集成、持續(xù)部署等DevOps經(jīng)驗(yàn)。饒勛榮，目前為成都思特沃克咨詢師，擁有多年的軟件開發(fā)和測試經(jīng)驗(yàn)，涉及項(xiàng)目包括KVM虛擬機(jī)移植、IM服務(wù)器開發(fā)、Android客戶端開發(fā)等。關(guān)注與搜索引擎相關(guān)的領(lǐng)域，對于大數(shù)據(jù)有著較為濃厚的興趣。

圖書目錄

譯者序
作者簡介
審校者簡介
前言
第1章　響應(yīng)式元素及媒介 / 1
1.1　簡介 / 2
1.2　基于寬度百分比的圖像縮放 / 2
1.3　基于cookie及JavaScript的響應(yīng)式圖像 / 5
1.4　使視頻自適應(yīng)于屏幕寬度 / 8
1.5　基于媒介查詢的圖像縮放 / 11
1.6　基于媒介查詢的動態(tài)導(dǎo)航欄 / 13
1.7　基于尺寸的響應(yīng)式內(nèi)邊距 / 18
1.8　基于CSS3按鈕的進(jìn)度條 / 19
第2章　響應(yīng)式字體 / 25
2.1　簡介 / 26
2.2　創(chuàng)建自適應(yīng)的響應(yīng)式字體 / 26
2.3　使用畫布實(shí)現(xiàn)文本陰影 / 28
2.4　使用畫布實(shí)現(xiàn)內(nèi)側(cè)陰影和外側(cè)陰影 / 30
2.5　使用畫布旋轉(zhuǎn)文本 / 32
2.6　使用CSS3旋轉(zhuǎn)文本 / 33
2.7　使用CSS3制作3D文本 / 35
2.8　基于文本遮罩的文本紋理 / 37
2.9　基于位置偽類的交替行樣式 / 39
2.10　基于before及after偽元素添加字符 / 41
2.11　基于相對字體大小的按鈕 / 42
2.12　為字體添加陰影效果 / 45
2.13　基于邊框半徑的圓角實(shí)現(xiàn) / 47
第3章　響應(yīng)式布局 / 51
3.1　簡介 / 52
3.2　基于min-width和max-width屬性的響應(yīng)式布局 / 52
3.3　基于相對內(nèi)邊距的布局控制 / 55
3.4　為CSS添加媒介查詢 / 58
3.5　基于媒介查詢創(chuàng)建響應(yīng)式寬度布局 / 62
3.6　基于媒介查詢改變圖片大小 / 68
3.7　基于媒介查詢隱藏元素 / 70
3.8　創(chuàng)建平滑過渡的響應(yīng)式布局 / 72
第4章　使用響應(yīng)式框架 / 84
4.1　簡介 / 85
4.2　使用流式960網(wǎng)格布局 / 85
4.3　使用Blueprint網(wǎng)格布局 / 90
4.4　基于三分法的流式布局 / 95
4.5　響應(yīng)式960網(wǎng)格框架—Gumby / 101
4.6　易上手的Bootstrap框架 / 107
第5章　設(shè)計(jì)移動設(shè)備優(yōu)先的Web應(yīng)用 / 115
5.1　簡介 / 116
5.2　使用Safari開發(fā)者工具的用戶代理設(shè)置 / 116
5.3　通過Chrome插件設(shè)置用戶代理 / 120
5.4　使用插件調(diào)整瀏覽器窗口大小 / 123
5.5　學(xué)習(xí)視窗及其相關(guān)選項(xiàng) / 124
5.6　為jQuery Mobile添加標(biāo)簽 / 128
5.7　基于jQuery Mobile添加子頁面 / 132
5.8　基于jQuery Mobile制作列表元素 / 135
5.9　基于jQuery Mobile開發(fā)具有移動設(shè)備外觀的按鈕 / 143
5.10　僅通過媒介查詢?yōu)橐苿釉O(shè)備設(shè)置移動版本的樣式表 / 150
5.11　僅為移動設(shè)備添加JavaScript功能特效 / 152
第6章　優(yōu)化響應(yīng)式內(nèi)容 / 155
6.1　簡介 / 156
6.2　使用IE開發(fā)者工具進(jìn)行響應(yīng)式測試 / 156
6.3　瀏覽器測試—使用插件 / 160
6.4　開發(fā)環(huán)境—使用免費(fèi)IDE / 166
6.5　虛擬化—下載VirtualBox / 169
6.6　在Chrome中使用瀏覽器縮放工具 / 174
第7章　非侵入式JavaScript / 178
7.1　簡介 / 179
7.2　基于非侵入式JavaScript編寫“Hello World” / 179
7.3　基于事件監(jiān)聽器創(chuàng)建發(fā)光效果的“提交”按鈕 / 183
7.4　制作鼠標(biāo)懸停后的按鈕突出效果 / 189
7.5　基于非侵入式j(luò)Query改變頁面元素大小 / 193
7.6　基于非侵入式JavaScript的密碼遮罩 / 197
7.7　基于事件監(jiān)聽器實(shí)現(xiàn)圖像陰影的動態(tài)效果 / 201