我從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/?x-oss-process=image/resize,p_40" 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中文網其他相關文章！