Raindrop.io Bookmarks 09/21/2024

2024年9月21日 著

• Anchor Positioning Quirks | CSS-Tricks

  "If we're aiming to link a tooltip to another element, we need to set up a relationship in the DOM and let anchor positioning handle the visuals. Happily, there are APIs (like the Popover API) that do this for us, even establishing an anchor relationship that we can take advantage of to create more compelling visuals."

• The First HTML LSP That Reports Syntax Errors | Loris Cro's Blog

  "This might sound hard to believe but, as far as I know, I published the first ever Language Server for HTML that reports syntax errors, and then I also gained a second world-first after that."

• The continuing tragedy of emoji on the web | Read the Tea Leaves

  "As a result, every website on the planet that cares about having a consistent emoji experience has to bundle their own font or spritesheet, wasting untold megabytes for something that's been standardized like clockwork by the Unicode Consortium for 15 years."

• Optimising for High Latency Environments - Harry Roberts - Web Performance Consultant

  "Chrome have recently begun adding Round-Trip-Time (RTT) data to the Chrome User Experience Report (CrUX). This gives fascinating insights into the network topography of our visitors, and how much we might be impacted by high latency regions."

• How to find the accessible name of a button with Google Chrome | Erik Kroes - Accessibility Consultant

  "You just ran an automated test and it tells you your buttons don't have accessible names. What does that mean, why does it matter, and how do you check this yourself?"

• What Elements Contribute to Interaction to Next Paint? | DebugBear

  "All elements on the page that the user interacts with are considered for INP. This could be a button, or even a paragraph of text that the user clicks on to form a text selection. If a user clicks on some text while heavy and unrelated JavaScript is running, this can impact INP."