Raindrop.io Bookmarks 09/02/2021

2021年9月2日 著

• Flexbox or CSS Grid? How to Make the Right Layout Decision - SitePoint

  "You can do page layouts with Flexbox -- and indeed, that's what most of us did before Grid entered the scene. But creating a grid with flexbox has never felt really "flexy" and has never come without a few headaches. Grid, on the other hand, was simply born for this. However, the question remains: was it born just for this?"

• Why has User Experience Design become Legal Experience Design? | by Gareth Ford Williams | Jul, 2021 | UX Collective

  "Human characteristics and barriers can cut across many different user groups, which is why there's the saying that if you make a product accessible, you make it more usable for everyone."

• What I Wish I Knew About CSS When Starting Out As A Frontender | Kablamo Engineering Blog

  "Margin collapse on outer borders means component layout is more complicated to reason about and the effective boundary is not the same as the visual boundary (such as a border). This can mean that components behave less predictably and you can no longer think of them as just a rectangle."

• Prevent unwanted Layout Shifts caused by Scrollbars with the scrollbar-gutter CSS property - Bram.us

  "By setting scrollbar-gutter to stable we can have the UA always show the Scrollbar Gutter, even if the box is not overflowing and no scrollbar is shown."

• Implementing Accessibility: Understanding Organizational Culture

  "No accessibility initiative can succeed unless the culture supports it. An organization's values, behaviors, mission statement, policies and procedures, and work ethic make up its culture."

• How to avoid Twitter's latest accessibility mistakes | by Sheri Byrne-Haber, CPACC | Aug, 2021 | UX Collective

  "WCAG compliance is one milestone along your organization's accessibility journey. WCAG compliance is not the end of the journey, because accessibility is a program not a project."