Raindrop.io Bookmarks 02/06/2021

2021年2月6日 著

• How to avoid layout shifts caused by web fonts - Simon Hearne

  "If font-display: optional is not possible for your design, we need to attempt to match the fallback font layout to the web font as closely as possible. Enter font-display modifiers (f-mods), also known as font-face descriptors."

• Introducing: Web Development History - Web Development History

  "As the name suggests, it'll be an ongoing chronicle of internet history -- but from a development perspective. Most internet history books, websites, podcasts, etc, are from a business perspective."

• Bringing Edge's Developer Tools to VS Code for debugging Web Apps - a talk at VS Code Day | Christian Heilmann

  "So, why don't we merge the efforts of Visual Studio code and Edge to cut down on context switching?"

• Is it really a design system? - Benoit Rajalu - Front-end developer in Nantes

  "We can't do the "or" part of "reusable code for developers and/or tool(s) for designers", we need both or else we would severely compromise on this unicity of purpose. We need to speak the same language because we are eventually building the same thing."

• An introduction to macOS Head Pointer

  "Head Pointer was first introduced in a beta for macOS Catalina. Like its name implies, it "allows the pointer to be controlled using the movement of your head captured by the camera.""

• Pika • Super High Fives

  "Compare colours to quickly confirm WCAG compliance."

• Dani Devesa | Traits of a good accessible iOS app

  "Every UI control in your app has an accessibilityTraits property (which is part of the UIAccessibility protocol). Under the hood, it is a bitmask that defines which ones of the different accessibility traits available better describe the UI component."