《響應(yīng)式web設(shè)計(jì)：html5和css3實(shí)踐指南》由資深web開發(fā)工程師撰寫，通過大量真實(shí)的示例，詳細(xì)介紹新的開發(fā)工具集，深入闡釋響應(yīng)式web設(shè)計(jì)的各種實(shí)用技術(shù)和新方法，幫助你快速掌握響應(yīng)式web設(shè)計(jì)的精髓。
全書共分為了章，涵蓋響應(yīng)式元素和媒介、響應(yīng)式字體、響應(yīng)式布局、媒介查詢、響應(yīng)式框架、響應(yīng)式內(nèi)容優(yōu)化，以及使用javascrip和jquery實(shí)現(xiàn)非侵入式交互等主題，從準(zhǔn)備工作、實(shí)現(xiàn)方式和工作原理三部分全面講述響應(yīng)式web設(shè)計(jì)所涉及的各種技術(shù)和方法，并提供具體的實(shí)現(xiàn)代碼，便于讀者參考實(shí)踐。
作者簡(jiǎn)介：
Benjamin LaGrone是一個(gè)工作和生活在得克薩斯州的Web開發(fā)工程師。6歲時(shí)就在休斯頓自然科學(xué)博物館第一次接觸計(jì)算機(jī)課程，并由此開始編程之旅。他的第一個(gè)程序是“選擇自己的冒險(xiǎn)書籍”，所使用的語言是BASIC。他至今依舊懷念編寫程序需要手動(dòng)添加行號(hào)的美好時(shí)光。
直到大約30年后，Ben才決定將計(jì)算機(jī)作為自己的職業(yè)。由此開始，Ben的職業(yè)生涯中包含了其個(gè)人最感興趣的兩件事：藝術(shù)和編程，即從代碼中創(chuàng)造藝術(shù)。他最喜愛的一個(gè)項(xiàng)目是使用GMaps API實(shí)現(xiàn)病理學(xué)與染色體的映射，從而用于癌癥研究。
Ben長(zhǎng)時(shí)間著迷于移動(dòng)設(shè)備，他認(rèn)為響應(yīng)式網(wǎng)站設(shè)計(jì)是Web開發(fā)的一個(gè)新領(lǐng)域，同時(shí)也是最令人興奮的特性之一，并且會(huì)持續(xù)很長(zhǎng)一段時(shí)間。他現(xiàn)在工作在SAAS，并在開發(fā)團(tuán)隊(duì)中擔(dān)任移動(dòng)響應(yīng)式設(shè)計(jì)布道者。
除了將時(shí)間花費(fèi)在互聯(lián)網(wǎng)項(xiàng)目上，Ben還利用業(yè)余時(shí)間建造機(jī)器人、擺弄機(jī)器、喝咖啡、沖浪，以及指導(dǎo)韓國(guó)國(guó)術(shù)(Kuk Sool)。
目錄：
《響應(yīng)式web設(shè)計(jì)：html5和css3實(shí)踐指南》
譯者序
作者簡(jiǎn)介
審校者簡(jiǎn)介
前言
第1章 響應(yīng)式元素及媒介 / 1
1.1 簡(jiǎn)介 / 2
1.2 基于寬度百分比的圖像縮放 / 2
1.3 基于cookie及java script的響應(yīng)式圖像 / 5
1.4 使視頻自適應(yīng)于屏幕寬度 / 8
1.5 基于媒介查詢的圖像縮放 / 11
1.6 基于媒介查詢的動(dòng)態(tài)導(dǎo)航欄 / 13
1.7 基于尺寸的響應(yīng)式內(nèi)邊距 / 18
1.8 基于css3按鈕的進(jìn)度條 / 19
第2章 響應(yīng)式字體 / 25
2.1 簡(jiǎn)介 / 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 基于相對(duì)字體大小的按鈕 / 42
2.12 為字體添加陰影效果 / 45
2.13 基于邊框半徑的圓角實(shí)現(xiàn) / 47
第3章 響應(yīng)式布局 / 51
3.1 簡(jiǎn)介 / 52
3.2 基于min-width和max-width屬性的響應(yīng)式布局 / 52
3.3 基于相對(duì)內(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 簡(jiǎn)介 / 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ì)移動(dòng)設(shè)備優(yōu)先的web應(yīng)用 / 115
5.1 簡(jiǎn)介 / 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ā)具有移動(dòng)設(shè)備外觀的按鈕 / 143
5.10 僅通過媒介查詢?yōu)橐苿?dòng)設(shè)備設(shè)置移動(dòng)版本的樣式表 / 150
5.11 僅為移動(dòng)設(shè)備添加java script功能特效 / 152
第6章 優(yōu)化響應(yīng)式內(nèi)容 / 155
6.1 簡(jiǎn)介 / 156
6.2 使用ie開發(fā)者工具進(jìn)行響應(yīng)式測(cè)試 / 156
6.3 瀏覽器測(cè)試—使用插件 / 160
6.4 開發(fā)環(huán)境—使用免費(fèi)ide / 166
6.5 虛擬化—下載virtualbox / 169
6.6 在chrome中使用瀏覽器縮放工具 / 174
第7章 非侵入式j(luò)ava script / 178
7.1 簡(jiǎn)介 / 179
7.2 基于非侵入式j(luò)ava script編寫“hello world” / 179
7.3 基于事件監(jiān)聽器創(chuàng)建發(fā)光效果的“提交”按鈕 / 183
7.4 制作鼠標(biāo)懸停后的按鈕突出效果 / 189
7.5 基于非侵入式j(luò)query改變頁面元素大小 / 193
7.6 基于非侵入式j(luò)ava script的密碼遮罩 / 197
7.7 基于事件監(jiān)聽器實(shí)現(xiàn)圖像陰影的動(dòng)態(tài)效果 / 201
|
