Diigo Bookmarks 07/28/2019

2019年7月28日 著

• Chapter 2 | Building Beautiful UIs

  "This idea - of building complexity from the object up - lies at the heart of everything we do. Grasping it we understand that components - the fundamental units from which we build interfaces - are created from relatively simple objects."

• How to add Flexbox fallback to CSS Grid | Zell Liew

  "These three methods are listed in order of decreasing-complexity. (If you need to overwrite code, it's more complicated). This means writing everything in @supports is the simplest of the three."

• Don't comma-separate :focus-within if you need deep browser support | CSS-Tricks

  "Browsers ignore entire selectors if it doesn't understand any part of them. So, if you're dealing with a browser that doesn't support :focus-within then it would ignore the CSS example above, meaning you've also lost the :hover state."

• Introduction to feed role attribute | Deque

  "In order to address this problem, ARIA 1.1 introduced the feed role. When feed role is applied, assistive technology and the browser interact with each other to provide an accessible experience to the screen reader users who are navigating the infinite scrolling widget in reading mode."

• Why you should definitely learn how to use CSS-in-JS

  "From time to time, I've heard that CSS-in-JS poses a barrier to entry for some people. Like any new software abstraction, CSS-in-JS is intended to abstract away some of the complexities from a lower level implementation, in this case CSS."

• Framer - React--And Why Designers Should Care

  "The first thing to understand is that React isn't about code, not really. Yes, it's a coding library. And yes, it's mostly used by developers. But dare I say, writing great code is not the purpose of React, nor other libraries like it. React and its siblings were created to make better design easier to build."