Raindrop.io Bookmarks 01/23/2023

2023年1月23日 著

• A beginner's guide to Chrome tracing | Read the Tea Leaves

  "Chrome tracing (aka Chromium tracing) lets you record a performance trace that captures low-level details of what the browser is doing. It's mostly used by Chromium engineers themselves, but it can also be helpful for web developers when a DevTools trace is not enough."

• ̶D̶e̶s̶i̶g̶n̶ Token Clusters.. The five ̶d̶e̶s̶i̶g̶n̶ Token Clusters... | by Milber Ferreira | Towkns | Jan, 2023 | Medium

  "Tokens will revolutionize the future of brand identities by providing a consistent foundation for visual design across all digital platforms and incorporating various attributes such as behavioral, textual, assets, and functional utilities to create a truly holistic brand experience."

• Two ways to safely break a long word in HTML -- Amit Merchant -- A blog on PHP, JavaScript, and more

  "As you can see, the word is broken with a hyphen (-) based on the character where the ­ entity is used and it also breaks it only where it's needed."

• 10 Things No One Told Me About Design Systems | by Diana Wolosin | Indeed Design

  "That first design system I created was born of necessity to solve the lack of consistency between design and development. After this intense immersion into the design systems world, as well as experiences at other companies, I learned quite a few things I wish someone had told me at the beginning."

• Foundations: visible focus styles - TetraLogical

  "Chrome, Edge, and Firefox all use default focus indicator that has an outer white outline and an inner blue outline. These different colours can provide contrast when the controls appear on different colour backgrounds."

• Optimize Time to First Byte

  "It's recommended that your server responds to navigation requests quickly enough so that the 75th percentile of users experience an FCP within the "good" threshold. As a rough guide, most sites should strive to have a TTFB of 0.8 seconds or less."