Raindrop.io Bookmarks 05/29/2021

2021年5月29日 著

• Faster Integration with Web Components - Cloud Four

  "In the past, we might have provided a series of guidelines on how to make modals accessible and hope the implementation adhered to our recommendations. With web components, we can take on that burden for our clients so they can focus on the specifics of their applications and be confident that the component will take care of the rest."

• Container Queries in Web Components | Max Böck

  "as of Chrome Canary 93.0.4522, the contain property also needs the style value for container queries to work properly. It indicates that any styling that could affect more than the element and its children doesn't escape the container"

• CSS Container Queries: Use-Cases And Migration Strategies -- Smashing Magazine

  "Once the spec has been implemented and widely supported in browsers, container queries might become a game-changing feature. It will allow developers to write queries on component level, moving the queries closer to the related components, instead of using the distant and barely-related viewport media queries."

• CSS Container Queries For Designers - Ahmad Shadeed

  "CSS Container queries, a long-requested feature by web developers is coming soon to CSS and now available as an experimental feature in Chrome Canary. In this article, I will go through what is it, how it will change your workflow as a designer, and more."

• Accessible SVGs: Perfect Patterns For Screen Reader Users -- Smashing Magazine

  "This article outlines twelve distinct SVG patterns found "in the wild" and each alternative description announced when accessed by different combinations of operating systems, browsers, and screen readers."

• The new responsive: Web design in a component-driven world

  "It's combining macro layout with micro layout, and on top of all of that, it's taking user customization and form factor into account."