Raindrop.io Bookmarks 02/08/2022

2022年2月8日 著

• A Web Components Primer

  "You can style things in the light DOM as you'd expect using simple CSS selectors. What you don't see is the internal HTML structure of the custom element. That stuff exists in the shadow DOM and isn't exposed for styling."

• The Practical Guide to Naming Design Tokens | UX Collective

  "How to effectively name your design tokens in a systematic and future-proof way."

• Are we live? | scottohara.me

  "ensuring an empty live region exists in your DOM, and injecting content into it when necessary, proves to be the most robust way to ensure a live region will be announced."

• We don't float down here anymore | CSS Hell

  "First of all, float is not deprecated. Float was misused. Its original purpose was to align images with texts, nothing more. Then, as layouts and designs started to evolve, we used to align site parts as well"

• How to Favicon in 2022: Six files that fit most needs -- Martian Chronicles, Evil Martians' team blog

  "Instead of serving dozens of icons, all you need is just five icons and one JSON file."

• Design system versioning: single library or individual components? | Brad Frost

  "While these conversations tend to focus on the technical implementation, it's important to recognize that (like most design system challenges) these are ultimately people problems. Focus on the relationship between library maintainers and library users, and establish sound processes and governance models to build trust in the system and its team."