HTML5敏捷實踐

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