寻找解决 SIDENAV 问题的方法

在今天的 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 - 片尾和号召性用语

资源：

观看更多 GUI 挑战 → https://goo.gle/GUIchallenges

订阅 Google Chrome Developers 频道 → http://goo.gl/LLLNvf

返回到所有分集