Raindrop.io Bookmarks 12/26/2024

2024年12月26日 著

• Thoughts on a Global Design System

  "the Global Design System blueprints that will be authored should be able to be authored in any language, with a browser implementation being one implementation rather than the only implementation."

• FixBrowser

  "FixBrowser is a truly lightweight web browser created from scratch. It intentionally doesn't support JavaScript to make things faster and much less resource intensive. Instead it contains an updated set of scripts that fix and improve various websites."

• CSS margin-trim and line height units | 12 Days of Web

  "Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text. Margins are just one possibility -- padding is another, as well as gaps, width, height, or any other measurement in the layout."

• Preloading fonts for web performance with link rel="preload" - HTMHell

  "For a preload to be used by the browser, it needs to match the type of request that the browser would have made normally. By default fonts are always requested without credentials, so we need to add crossorigin="anonymous" to ensure our preload matches a normal font request."

• Web Performance Calendar » Correlation or Causation: How web performance proves its value

  "Product type: Impulse purchases (fashion, gadgets) are more sensitive to speed than necessity items (car parts, healthcare products), where users are willing to wait. Average cart size: Smaller carts benefit more from optimized performance on mobile, whereas high-value purchases see greater impact on desktop, where users deliberate longer."

• Web Performance Calendar » Towards Measuring INP on All Browsers and Devices

  "The polyfill generates the necessary PerformanceEventTiming events but does not compute INP directly. Developers must implement their own calculations or integrate the polyfill with libraries like web-vitals for accurate INP values tailored to their specific needs."