Raindrop.io Bookmarks 04/24/2021

2021年4月24日 著

• An In-Depth Guide To Measuring Core Web Vitals -- Smashing Magazine

  "the reason we've been so dependent on lab data for so long is because RUM data is noisy. The steps CrUX takes to reduce this does help to give a more stable view, but at the cost of it making it difficult to see recent changes."

• The Almost-Complete Guide to Cumulative Layout Shift

  "CLS as measured in Lighthouse isn't actually a cumulative measurement anymore. Ben Schwartz has suggested that Lighthouse should rename the metric as reported there to "initial Layout Shift" to differentiate between Lighthouse CLS, and CLS reported by other tools like CrUX."

• Content-aware image resizing in JavaScript | Trekhleb

  "To preserve the proportions of the objects while changing the image proportions we may use the Seam Carving algorithm that was introduced by Shai Avidan and Ariel Shamir."

• Why Content Is Such A Fundamental Part Of The Web Design Process -- Smashing Magazine

  "In its most essential form, content is the material that users consume. Content can take the shape of words, pictures, video and audio. It is the tangible material that people cognitively consume, where design is the presentation of that content, influencing how people feel in the moment."

• Adactio: Journal--Get the FLoC out

  "Yes, this is quite the cognitive dissonance: one part of the business is building a user agent while a different part of the company is working on ways of tracking end users."

• Do You Need to Localize Your Website? - A List Apart

  "When we talk about linguistic versus non-linguistic aspects of a medium, and view them as separate entities, localization and translation may look different. However, when we look at the whole process of translating the message, seeing both elements as translatable items, the terms are interchangeable."

• A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors -- Smashing Magazine

  "The CSS Working Group Editor's Draft for Selectors Level 4 includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!"