Raindrop.io Bookmarks 09/04/2022

2022年9月4日 著

• Results of Japan International Birdman Rally 2022 | Japanese HPA

  "This article intends to show results of Japan International Birdman Rally (JIBR, "鳥人間コンテスト" in Japanese) 2022 in English because google translation can not work for results page of JIBR official website."

• Creative list styling

  "A word of warning: list-style: none will cause Safari to no longer recognise an unordered list in the accessibility tree--meaning that a screen reader would no longer announce helpful information such as the number of items."

• CSS container queries are finally here - Ahmad Shadeed

  "When designing a component, we tend to add different variations and change them either based on a CSS class, or the viewport size. This isn't ideal in all cases and can force us to write CSS based on a variation class or a viewport size."

• E-Commerce Accessibility: Specifying UI Elements Using "Names" - Articles - Baymard Institute

  "a UI element's "name" refers to the accessible text that is read by assistive technologies to identify the element to the user."

• Top layer support in Chrome DevTools - Chrome Developers

  "The top layer can be described as 'the highest stacking layer'. Each document has a single associated viewport and, therefore, also a single top layer."

• Is it :modal?

  "CSS :modal is available from Chrome 105. This handy pseudo-selector gives you a way to select elements that are "modal", and to avoid managing classes in JavaScript by providing a way to detect modal elements."