在今天的 GUI 挑战中，我们使用 CSS 和 JS 打造一种响应式、易于访问的侧面导航用户体验。侧边导航栏适用于多种浏览器、多种屏幕尺寸和输入设备。真棒？跟着我们使用网格、转换、伪类和一块 JavaScript 来处理这种用户体验。
@AdamArgyleInk 会在剧集发布后的前 30 分钟内回复你的评论。欢迎在此处与我们联系、咨询问题或提交您自己的促销代码！
章节：
- 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 Developers 频道 → http://goo.gl/LLLNvf