Raindrop.io Bookmarks 01/12/2025

2025年1月12日

• super short note on links in iOS with VoiceOver - HTML Accessibility

  "I have been doing some testing and have noticed when navigating links on iOS using VoiceOver (VO), if the link contains an element that is not exposed as a generic element it causes VO to treat and announce text in the link as separate links."

• htmx ~ The future of htmx

  "We hope to see htmx, in its own small way, join the likes of giants like jQuery as a sturdy and reliable tool for building your 100 year web services."

• Why I'm excited about text-box-trim as a designer - Piccalilli

  "Let's imagine we give a paragraph element a font-size of 1em in our CSS. What aspect of this font is 1em tall? The short answer is we don't know because the font size does not give us any reliable information on the size of the characters within a font or the metrics within it."

• :hover > :not(:hover), sorry not sorry · 2025年1月6日

  "In CSS, we can accomplish a variant of this focus technique by watching for hovers in a container that trigger an effect on all children except the one currently being hovered"

• Tight Mode: Why Browsers Produce Different Performance Results -- Smashing Magazine

  "Chrome and Safari have implemented a "Tight Mode" that constrains which resources are loaded and in what order, but they each take drastically different approaches to it. With so little information about Tight Mode available, this article attempts a high-level explanation of what it is, what triggers it, and how it is treated differently in major browsers."

• Fix your website's Largest Contentful Paint by optimizing image loading | MDN Blog

  "Images make up a big part of most websites. They're also often the largest element that first appears on your page, and thus the Largest Contentful Paint (LCP) element - a metric from Google's Core Web Vitals."