HTML5敏捷實(shí)踐

第1章  用語(yǔ)義化的方式實(shí)現(xiàn)
實(shí)例01  使用正確的＜doctype＞來(lái)簡(jiǎn)化你的網(wǎng)頁(yè)
實(shí)例02  采用常見(jiàn)結(jié)構(gòu)
實(shí)例03  使你的HTML5新標(biāo)簽在舊的瀏覽器里正確渲染
實(shí)例04  新定義的＜input＞標(biāo)簽
實(shí)例05  不使用JavaScript實(shí)現(xiàn)表單驗(yàn)證
實(shí)例06  使用新控件提高表單的易用性
實(shí)例07  新的DOM事件
實(shí)例08  在標(biāo)記上添加豐富的上下文數(shù)據(jù)
實(shí)例09  使用自定義數(shù)據(jù)跟蹤用戶事件
實(shí)例10  使機(jī)器人和人類能夠像微數(shù)據(jù)一樣訪問(wèn)你的頁(yè)面
第2章  使用樣式
實(shí)例11  通過(guò)瀏覽器前綴實(shí)現(xiàn)試驗(yàn)期CSS功能
實(shí)例12  使用自定義網(wǎng)絡(luò)字體設(shè)計(jì)頁(yè)面
實(shí)例13  使用Google網(wǎng)絡(luò)字體來(lái)實(shí)現(xiàn)簡(jiǎn)單的@font-face
實(shí)例14  使用CSS3的字體特效美化頁(yè)面
實(shí)例15  不改變透明度來(lái)讓元素顯得透明
實(shí)例16  使用media query來(lái)實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)
實(shí)例17  使網(wǎng)頁(yè)應(yīng)用響應(yīng)設(shè)備的方向變化
實(shí)例18  使用偽類實(shí)現(xiàn)對(duì)DOM的完全控制
實(shí)例19  圖片聚合和通過(guò)圖片數(shù)據(jù)URI內(nèi)聯(lián)圖片
實(shí)例20  通過(guò)簡(jiǎn)單的方式實(shí)現(xiàn)漸變效果
實(shí)例21  拯救邊框，讓邊框變得有趣
實(shí)例22  在同一元素上設(shè)置多個(gè)背景圖片
實(shí)例23  使用CSS3變換從傳統(tǒng)空間解放頁(yè)面元素
實(shí)例24  使用CSS3轉(zhuǎn)換實(shí)現(xiàn)變換動(dòng)畫
實(shí)例25  使用變換和轉(zhuǎn)換來(lái)實(shí)現(xiàn)iOS樣式的翻卡效果
實(shí)例26  使用Respond.js在IE中模擬media query
實(shí)例27  通過(guò)viewport＜meta＞標(biāo)簽來(lái)控制移動(dòng)網(wǎng)頁(yè)布局
第3章  實(shí)踐多媒體
實(shí)例28  使用HTML5視頻直接在應(yīng)用里嵌入視頻
實(shí)例29  為視頻文件選擇合適的編碼/解碼器
實(shí)例30  用視頻API定制視頻播放控制器
實(shí)例31  使用＜canvas＞標(biāo)簽為HTML5視頻添加背景
實(shí)例32  在HTML5視頻元素上添加字幕
實(shí)例33  美化HTML5視頻字幕
實(shí)例34  使用Cuepoint.js在不支持HTML5的瀏覽器上實(shí)現(xiàn)視頻字幕功能
實(shí)例35  使用Buzz輕松構(gòu)建復(fù)雜的音頻應(yīng)用
實(shí)例36  使用MediaElement.js簡(jiǎn)化HTML5媒體
第4章  使用Canvas和SVG來(lái)做圖形
實(shí)例37  使用＜canvas＞標(biāo)簽在HTML5頁(yè)面上繪圖
實(shí)例38  在Canvas元素上使用樣式
實(shí)例39  使用圖片文件修飾canvas元素
實(shí)例40  使用HTML5＜canvas＞標(biāo)簽創(chuàng)建高清晰度、支持視網(wǎng)膜屏幕的圖形
實(shí)例41  使用Canvas圖形加速動(dòng)畫
實(shí)例42  使用SVG實(shí)現(xiàn)"原生"圖形
實(shí)例43  使用CSS修飾SVG元素
實(shí)例44  使用SVG制作動(dòng)畫
實(shí)例45  直接在HTML中嵌入SVG
第5章  用戶交互
實(shí)例46  將網(wǎng)頁(yè)應(yīng)用里的所有對(duì)象變得可拖放
實(shí)例47  使用拖放數(shù)據(jù)傳輸對(duì)象更新DOM
實(shí)例48  在網(wǎng)頁(yè)應(yīng)用中拖入/拖出文件
實(shí)例49  通過(guò)Editable Content將頁(yè)面的每個(gè)元素都變得可編輯
實(shí)例50  將網(wǎng)頁(yè)變?yōu)橐粋€(gè)WYSIWYG編輯器
實(shí)例51  通過(guò)HTML5會(huì)話歷史控制瀏覽器的歷史按鈕
第6章  實(shí)踐客戶端數(shù)據(jù)存儲(chǔ)
實(shí)例52  在內(nèi)聯(lián)URL中嵌入二進(jìn)制數(shù)據(jù)
實(shí)例53  將數(shù)據(jù)URI轉(zhuǎn)換為Blob并通過(guò)XHR2嵌入到表單數(shù)據(jù)中
實(shí)例54  使用WebStorage API實(shí)現(xiàn)用戶數(shù)據(jù)的持久化
實(shí)例55  通過(guò)YepNope.js和Storage.js模擬LocalStorage
實(shí)例56  使用FileSystem API在本地緩存多媒體資源
實(shí)例57  使用IndexedDB和FullCalendar.js構(gòu)建里程碑日歷
第7章  實(shí)踐地理定位
實(shí)例58  使用地理位置API在移動(dòng)網(wǎng)頁(yè)應(yīng)用里顯示經(jīng)緯度
實(shí)例59  使用Google的反向地理編碼API反查用戶的位置
實(shí)例60  在Google地圖上更新用戶的當(dāng)前位置
實(shí)例61  使用Geoloqi服務(wù)構(gòu)建地理圍欄
實(shí)例62  使用Geoloqi實(shí)時(shí)流服務(wù)來(lái)廣播遠(yuǎn)程用戶的移動(dòng)
實(shí)例63  使用Webshims模擬地理位置API
第8章  WebWorker API瀏覽器如何執(zhí)行JavaScript
實(shí)例64  使用BlobBuilder界面創(chuàng)建內(nèi)聯(lián)工作線程
實(shí)例65  在專有工作線程中執(zhí)行昂貴的數(shù)組操作
實(shí)例66  使用定時(shí)器將應(yīng)用的狀態(tài)傳遞給工作線程
實(shí)例67  在獨(dú)立Worker中通過(guò)像素操作處理圖片數(shù)據(jù)
實(shí)例68  使用引用腳本創(chuàng)建Twitter的JSONP請(qǐng)求
實(shí)例69  在多個(gè)瀏覽器窗口中同時(shí)連接共有Worker
第9章  實(shí)踐HTML5連接
實(shí)例70  使用Kaazing的遠(yuǎn)程Web Socket服務(wù)器為瀏覽器返回簡(jiǎn)單的回聲消息
實(shí)例71  使用Node.js和ws模塊構(gòu)建WebSocket服務(wù)器
實(shí)例72  使用Web Socket、Pusher API和PHP構(gòu)建捐贈(zèng)進(jìn)度指示器
實(shí)例73  為jWebSocket創(chuàng)建插件
實(shí)例74  通過(guò)Server-Sent Events向?yàn)g覽器推送通知
實(shí)例75  配置Amazon S3支持跨域共享網(wǎng)絡(luò)字體
實(shí)例76  使用Robodeck控制HTML5幻燈片
實(shí)例77  查看Socket.IO連接確定它是原生的還是模擬的
實(shí)例78  使用node-spdy構(gòu)建簡(jiǎn)單的SPDY服務(wù)器
第10章  使用Node.js實(shí)現(xiàn)高級(jí)HTML5應(yīng)用HTML5應(yīng)用設(shè)計(jì)的考慮
實(shí)例79  在瀏覽器中顯示"Hello Html5"
實(shí)例80  通過(guò)request對(duì)象檢測(cè)用戶代理（UA）字符串
實(shí)例81  使用Node.js的response對(duì)象向客戶端返回為設(shè)備定制的數(shù)據(jù)
實(shí)例82  使用Node.js包管理器添加一個(gè)Web應(yīng)用開(kāi)發(fā)框架作為第三方模塊
實(shí)例83  使用Express應(yīng)用生成器創(chuàng)建基礎(chǔ)應(yīng)用
實(shí)例84  定制模塊處理路由
實(shí)例85  配置Express啟用視圖引擎
實(shí)例86  啟用Jade布局使應(yīng)用視圖遵守DRY
實(shí)例87  使用Jade視圖部件在視圖中創(chuàng)建簡(jiǎn)單的導(dǎo)航條
實(shí)例88  使用Jade Mixin在視圖中填充數(shù)據(jù)
實(shí)例89  使用Stylus書寫富有表現(xiàn)力、動(dòng)態(tài)、容錯(cuò)的CSS
實(shí)例90  使用HTML5樣板作為默認(rèn)初始模板成為一個(gè)HTML5高手
索引