我从2022年在丹佛分开的活动中带走了一些事情

昨天在丹佛举行的2022年活动的活动，尽管错过了几天，但我参加了最后一天的会议 - 这是一个真正令人愉悦的经历！ 这是我多年来的第一次会议，面对面的互动令人难以置信。

>由演讲者组织的事件的笔记跟随。 请注意：我的手写笔记的结构不如大多数，重点是重点，而不是全面的摘要。

> 克里斯·科伊尔（Chris Coyier）：现代网络实际上很好

克里斯的谈话，是先前演示文稿的扩展版本，深入探讨了

>容器相对单位

。 将它们与结合起来提供了更精确的响应性，因为值相对于容器而不是视口。 这提供了对使用视口宽度（VH）单元进行流体排版的改进。 例如，而不是：clamp()>

考虑使用

>容器查询内联尺寸

<code>font-size: clamp(1rem, 1rem + 2vw, 2rem);</code>

（cqi）单元：>

其中等于容器内联尺寸的1％。 （有关详细信息，请参见草案规范）。

克里斯还强调了

<code>font-size: clamp(1rem, 1rem + 1cqi, 2rem);</code>

边缘计算的性能优势。 即使阅读了他以前的有关该主题的文章，我也对该概念有了更深入的了解。 由于其地理位置靠近用户，因此全球分布式CDN有效地提供资产。 这将扩展到静态HTML，CSS和JavaScript文件，这是Jamstack方法的核心。 但是，即使是动态数据获取也可以被整合，预先构建，按需静态服务，并以令人难以置信的速度从边缘交付。

1cqi> tolu adegbite：掌握Web可访问性的ARIA

Tolu Adegbite的演讲非常出色！她对Wai-Aria的全面报道 - 角色，州，标签，描述 - 非常宝贵。 一个关键的要点是提高内联SVG的可访问性。 因为SVG是标记的，所以它并不总是被认为是图像。 为了确保辅助技术正确解释它，请使用适当的角色和标签：

不正确：

正确：>

<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/" class="lazy" alt="Some Things I Took Away From An Event Apart 2022 in Denver "><svg viewbox="0 0 100 100"></svg>

Miriam Suzanne：用级联层驯服CSS特异性

Miriam Suzanne的演讲重点是喀斯喀特层规格（以及她的CSS-tricks指南）。 关键转变是管理特异性。 虽然概念 - 持续，订购层和其中的书写样式 - 它很简单，但它需要适应如何改变选择器优先级的层。 一个简单的类选择器现在可能会覆盖ID选择器，具体取决于层顺序。

>级别的层，与，:is()和之类的选择器提供强大的特异性控制。 Miriam还强调了级联层如何解决:where()的过度使用，允许优先考虑层和保护继承。 :has()> dave Rupert：征服您的可访问性积压!important 戴夫·鲁珀特（Dave Rupert）分享了他的经验，以解决大规模可访问性审核积压。 通过组织概念中的问题，他确定了多个页面上的反复出现的问题，从而大大减少了工作量。 他的方法强调了优先考虑个人问题和理解背景的优先级，而不是仅仅依靠自动化工具。 这种重组还提高了他对不同障碍的影响，促进同理心和更好优先次序的影响的理解。

> 不幸的是，由于走廊的对话，我错过了Hui Jing Chen的最后一次会议的一部分，但我打算在可用时观看录音。

以上是我从2022年在丹佛分开的活动中带走了一些事情的详细内容。更多信息请关注PHP中文网其他相关文章！