Raindrop.io Bookmarks 11/03/2024

2024年11月3日 著

• The most effective ways to improve Core Web Vitals  |  Articles  |  web.dev

  "While the bfcache is a significant browser-level performance optimization that improves LCP, it also entirely eliminates layout shifts."

• A Brief History of Design Systems, Part 2 | by Jim Gulsen | Oct, 2024 | Medium

  "Modern publishing will become increasingly situational and conversational, adapting to user interactions, environments, and real-time data. This shift requires organizations to think beyond traditional paradigms and embrace more flexible approaches that allow content and design to evolve together."

• A Brief History of Design Systems, Part 1 | by Jim Gulsen | Oct, 2024 | Medium

  "As the demand for scalable, systematic design grew in digital media, new software, platforms, and subsequent workflows emerged to fill the gap, shaping how we think about design systems today."

• My solar-powered and self-hosted website | Dries Buytaert

  "Perhaps the best way to make the web more sustainable is to accept more downtime for those websites that aren't critical. By embracing occasional downtime and intentionally under-provisioning non-essential websites, we can make the web a greener, more efficient place."

• Using static websites for tiny archives - alexwlchan

  "Using a static website like this isn't new - my inspiration was Twitter's account export, which gives you a mini-website you can browse locally. I've seen several other social media platforms that give you a website as a human-friendly way to browse your data."

• My Modern CSS Reset | jakelazaroff.com

  "The & sigil combines each nested selector with its ancestors. This is equivalent to selecting h1:not([class]), h2:not([class]) and so forth."

• Alt text for avatars or user photos - Nicolas Steenhout - Keynote speaker and trainer.

  "This is why avatars or photos of people are considered informational. They require clear and concise alt text that describes the individual. This is in order to at least give part of the same information to blind screen reader users as we get as sighted users."

• Making content-aware components using CSS :has(), grid, and quantity queries - Piccalilli

  "Previously, you might have had to rely on some gnarly JavaScript to detect, and then adjust this. Fortunately, contemporary CSS lets us avoid it."