為因應當今的 GUI 挑戰，我們運用 CSS 和 JS 設計出易於存取的回應式滑出側邊導覽使用者體驗。側邊導覽列適用於多種瀏覽器、螢幕大小和輸入裝置。你是不是很講究？請依照我們使用格線、轉換、虛擬類別以及 JavaScript 的程式碼處理方法，處理這項使用者體驗。
節目發布後的 30 分鐘內，@AdamArgyleInk 將回覆您的留言。歡迎在這裡與我們聯絡、提問或提交您自己的代碼！
章節：
- 0:00 - 簡介
- 0:30 - 偵錯邊角功能總覽
- 2:25 - 格線 += 媒體查詢堆疊版面配置
- 3:42 - 無障礙轉換轉換
- 4:22 - :target 虛擬類別
- 5:57 - 逸出主要使用者體驗
- 6:16 - 自動化調度管理焦點
- 6:49 - 螢幕閱讀器使用者體驗
- 7:56 - 結尾與行動號召
資源：
- 參考程式碼 → https://goo.gle/3sQ8Xif
- 請閱讀 → https://goo.gle/2Np83J9
- 立即試用 → http://goo.gle/3bVBFYT
- 瞭解其他人如何建構側邊導覽 (GUI 提交內容) → https://goo.gle/36CAeuO
觀看更多 GUI 挑戰 → https://goo.gle/GUIchallenges
訂閱 Google Chrome 開發人員 → http://goo.gl/LLLNvf