CSS Scroll Snap 轮播与文档排版交互实践
借助 CSS Scroll Snap 构建原生轮播与段落对齐排版，提升滚动体验的可控性与一致性。
实践
CSS Scroll Snap 连续滚动与卡片吸附体验实践
使用 CSS Scroll Snap 构建卡片吸附与分页滚动效果，替代复杂的 JS 计算并提升移动端交互稳定性与性能。
CSS scrollbar-gutter 与滚动条占位布局稳定性实践
使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性，避免首次滚动引发的内容跳动并提升核心指标（LCP/Cumulative Layout Shift）。
CSS Subgrid 子网格布局与组件一致性实践
使用 CSS Subgrid 在复杂栅格中共享轨道与间距，保证嵌套组件对齐一致并简化布局代码，验证主流浏览器兼容性。
CSS text-wrap: balance 标题换行优化与排版实践
使用 text-wrap: balance 改善多行标题换行分布，提升阅读体验并减少手动断词与硬换行。
Declarative Shadow DOM 与可组合组件封装实践
基于 Declarative Shadow DOM 在服务端直出可封装组件结构，提升可组合性与可访问性，并与传统 Shadow DOM 与框架集成进行验证与对比。
Dialog 与 Popover 组件可访问性与焦点管理最佳实践
基于原生 `dialog` 与 Popover API 构建弹层组件，完善焦点循环、键盘导航与可访问性语义，并提供验证清单。
Focus-visible 焦点可见与键盘导航可访问性治理实践
通过 focus-visible 针对键盘用户显示焦点样式，兼顾鼠标与触控交互一致性，验证跨浏览器的可访问性与回退策略。
HTML hidden="until-found" 搜索可见与内容发现实践
利用 `hidden="until-found"` 让内容默认隐藏但可被查找与片段导航唤起，结合 `beforematch` 事件与 `content-visibility` 提升长页可发现性与导航体验。
