第1章 用語義化的方式實現 1
實例01 使用正確的<DOCTYPE>來簡化你的網頁 1
實例02 采用常見結構 2
實例03 使你的HTML5新標簽在舊的瀏覽器裏正確渲染 5
實例04 新定義的<INPUT>標簽 11
實例05 不使用JAVASCRIPT實現錶單驗證 16
實例06 使用新控件提高錶單的易用性 24
實例07 新的DOM事件 37
實例08 在標記上添加豐富的上下文數據 40
實例09 使用自定義數據跟蹤用戶事件 44
實例10 使機器人和人類能夠像微數據一樣訪問你的頁麵 47
第2章 使用樣式 53
實例11 通過瀏覽器前綴實現試驗期CSS功能 54
實例12 使用自定義網絡字體設計頁麵 56
實例13 使用GOOGLE網絡字體來實現簡單的@FONT-FACE 61
實例14 使用CSS3的字體特效美化頁麵 70
實例15 不改變透明度來讓元素顯得透明 73
實例16 使用MEDIA QUERY來實現響應式設計 76
實例17 使網頁應用響應設備的方嚮變化 81
實例18 使用僞類實現對DOM的完全控製 85
實例19 圖片聚閤和通過圖片數據URI內聯圖片 87
實例20 通過簡單的方式實現漸變效果 92
實例21 拯救邊框,讓邊框變得有趣 98
實例22 在同一元素上設置多個背景圖片 103
實例23 使用CSS3變換從傳統空間解放頁麵元素 106
實例24 使用CSS3轉換實現變換動畫 110
實例25 使用變換和轉換來實現IOS樣式的翻卡效果 113
實例26 使用RESPOND.JS在IE中模擬MEDIA QUERY 117
實例27 通過VIEWPORT<META>標簽來控製移動網頁布局 121
第3章 實踐多媒體 125
實例28 使用HTML5視頻直接在應用裏嵌入視頻 125
實例29 為視頻文件選擇閤適的編碼/解碼器 128
實例30 用視頻API定製視頻播放控製器 130
實例31 使用<CANVAS>標簽為HTML5視頻添加背景 135
實例32 在HTML5視頻元素上添加字幕 139
實例33 美化HTML5視頻字幕 142
實例34 使用CUEPOINT.JS在不支持HTML5的瀏覽器上實現視頻字幕功能 146
實例35 使用BUZZ輕鬆構建復雜的音頻應用 149
實例36 使用MEDIAELEMENT.JS簡化HTML5媒體 153
第4章 使用CANVAS和SVG來做圖形 157
實例37 使用<CANVAS>標簽在HTML5頁麵上繪圖 158
實例38 在CANVAS元素上使用樣式 164
實例39 使用圖片文件修飾CANVAS元素 171
實例40 使用HTML5<CANVAS>標簽創建高清晰度、支持視網膜屏幕的圖形 177
實例41 使用CANVAS圖形加速動畫 180
實例42 使用SVG實現“原生”圖形 187
實例43 使用CSS修飾SVG元素 191
實例44 使用SVG製作動畫 198
實例45 直接在HTML中嵌入SVG 202
第5章 用戶交互 207
實例46 將網頁應用裏的所有對象變得可拖放 208
實例47 使用拖放數據傳輸對象更新DOM 212
實例48 在網頁應用中拖入/拖齣文件 218
實例49 通過EDITABLE CONTENT將頁麵的每個元素都變得可編輯 224
實例50 將網頁變為一個WYSIWYG編輯器 227
實例51 通過HTML5會話曆史控製瀏覽器的曆史按鈕 230
第6章 實踐客戶端數據存儲 237
實例52 在內聯URL中嵌入二進製數據 237
實例53 將數據URI轉換為BLOB並通過XHR2嵌入到錶單數據中 242
實例54 使用WEBSTORAGE API實現用戶數據的持久化 244
實例55 通過YEPNOPE.JS和STORAGE.JS模擬LOCALSTORAGE 250
實例56 使用FILESYSTEM API在本地緩存多媒體資源 253
實例57 使用INDEXEDDB和FULLCALENDAR.JS構建裏程碑日曆 262
第7章 實踐地理定位 271
實例58 使用地理位置API在移動網頁應用裏顯示經緯度 272
實例59 使用GOOGLE的反嚮地理編碼API反查用戶的位置 278
實例60 在GOOGLE地圖上更新用戶的當前位置 284
實例61 使用GEOLOQI服務構建地理圍欄 289
實例62 使用GEOLOQI實時流服務來廣播遠程用戶的移動 296
實例63 使用WEBSHIMS模擬地理位置API 300
第8章 WEBWORKER API 305
瀏覽器如何執行JAVASCRIPT 305
實例64 使用BLOBBUILDER界麵創建內聯工作綫程 307
實例65 在專有工作綫程中執行昂貴的數組操作 313
實例66 使用定時器將應用的狀態傳遞給工作綫程 323
實例67 在獨立WORKER中通過像素操作處理圖片數據 336
實例68 使用引用腳本創建TWITTER的JSONP請求 341
實例69 在多個瀏覽器窗口中同時連接共有WORKER 345
第9章 實踐HTML5連接 349
實例70 使用KAAZING的遠程WEB SOCKET服務器為瀏覽器返迴簡單的迴聲消息 350
實例71 使用NODE.JS和WS模塊構建WEBSOCKET服務器 358
實例72 使用WEB SOCKET、PUSHER API和PHP構建捐贈進度指示器 365
實例73 為JWEBSOCKET創建插件 381
實例74 通過SERVER-SENT EVENTS嚮瀏覽器推送通知 392
實例75 配置AMAZON S3支持跨域共享網絡字體 402
實例76 使用ROBODECK控製HTML5幻燈片 411
實例77 查看SOCKET.IO連接確定它是原生的還是模擬的 432
實例78 使用NODE-SPDY構建簡單的SPDY服務器 432
第10章 使用NODE.JS實現高級HTML5應用 435
HTML5應用設計的考慮 435
實例79 在瀏覽器中顯示“HELLO HTML5” 436
實例80 通過REQUEST對象檢測用戶代理(UA)字符串 444
實例81 使用NODE.JS的RESPONSE對象嚮客戶端返迴為設備定製的數據 445
實例82 使用NODE.JS包管理器添加一個WEB應用開發框架作為第三方模塊 447
實例83 使用EXPRESS應用生成器創建基礎應用 448
實例84 定製模塊處理路由 451
實例85 配置EXPRESS啓用視圖引擎 452
實例86 啓用JADE布局使應用視圖遵守DRY 454
實例87 使用JADE視圖部件在視圖中創建簡單的導航條 456
實例88 使用JADE MIXIN在視圖中填充數據 458
實例89 使用STYLUS書寫富有錶現力、動態、容錯的CSS 462
實例90 使用HTML5樣闆作為默認初始模闆 465
成為一個HTML5高手 471
索引 473
· · · · · · (
收起)