Raindrop.io Bookmarks 12/29/2024

2024年12月29日 著

• Boost website speed with prefetching and the Speculation Rules API - HTMHell

  "A relatively new addition to Chromium browsers is the Speculation Rules API, which offers enhanced prefetching and enables actual prerendering of webpages. It introduces a JSON-based syntax for precisely defining the conditions under which preprocessing should occur."

• Web Performance Calendar » Wait? What? Web Performance Optimization is being studied in universities?

  "In this article I am sharing the good news that Web Performance Optimization is being studied in universities and I am laying out the plan of teaching Real User Monitoring which I will do for the first time in front of students."

• Valediction. - Zeldman on Web and Interaction Design

  "The point is that the former Twitter has become a hateful cesspool, not simply mirroring but amplifying its owner's profound insecurities, god-awful beliefs, and self-serving lies, and forcing that insanity into the public consciousness, whether we avoid X or not."

• How to Use Baseline Data | 12 Days of Web

  "Initially, we considered a path that included polyfills. We thought it might be possible to have a less conservative version of Baseline that also included things with a solid polyfill. What became quickly apparent, however, was that very few features can be completely polyfilled so that you can just drop in the polyfill and use the feature as specified."

• CSS line-clamp | Can I use... Support tables for HTML5, CSS3, etc

  "CSS property that will contain text to a given amount of lines when used in combination with display: -webkit-box. It will end with ellipsis when text-overflow: ellipsis is included."

• Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not - Bram.us

  "Because Scroll-Driven Animations are only active when there is scrollable overflow, it is possible to use them as a mechanism to detect if an element can scroll or not."