Raindrop.io Bookmarks 06/25/2025

2025年6月25日

• Accessibility in Design Systems

  "A well-designed system can lay a strong foundation for accessibility, but on its own, it's not enough. True accessibility requires human judgment and a broader understanding of context."

• Selfish reasons for building accessible UIs | Read the Tea Leaves

  "Maybe in the future, accessible interfaces won't require so much manual intervention from developers. Maybe AI tooling (on either the production or consumption side) will make UIs that are usable out-of-the-box for people with disabilities."

• CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control -- Smashing Magazine

  "I like the idea of combining either BEM with Cascade Layers or utility classes with Cascade Layers. Either way, the idea is to keep specificity low and leverage Cascade Layers to set priorities on those styles."

• CSS Color Functions | CSS-Tricks

  "CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started."

• Color Everything in CSS | CSS-Tricks

  "Color spaces are a mapping between available colors and a coordinate system. In CSS, we have three main color spaces: sRGB, CIELAB, and Oklab, but many more are accessible through the color() function. Color models define color with tuples of numbers, but they don't give us information about the actual color until we pair them with a color space. For example, the RGB model doesn't mean anything until we assign it an RGB color space."

• A guide to Scroll-driven Animations with just CSS | WebKit

  "With scroll-driven animations, we're no longer using time. Instead, we have two new types of timelines to work with: scroll and view."