Raindrop.io Bookmarks 12/21/2024

2024年12月21日 著

• Microdata for books - HTMHell

  "In 2022's Modern HTML as a foundation for progressive enhancement, Gaël Poupard asked, "What if we could improve the HTML stack [...], making the markup step more resilient?" I consider microdata, like WAI-Aria, a valuable enhancement to HTML."

• The Website Manifesto

  "When your favorite social media website gets bought by some asshole with more money than sense, you are going to be left holding the bag. If you have a website, you can link your social media profiles on the website, and build up a reputation as having that website so people know where to find you if your current social media implodes."

• An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines -- Smashing Magazine

  "It's not like we haven't seen scroll animations before, but what we have now requires no JavaScript, no dependencies, no libraries -- just pure CSS. And if that's not exciting enough, these animations run off the main thread, delivering smooth, high-performance, GPU-accelerated experiences."

• How I gained a new perspective on ARIA - HTMHell

  "Perhaps we should see ARIA as a counterpart to CSS. While we use CSS to enrich our HTML document for sighted users (progressive enhancement), we can use ARIA to enrich the accessibility tree for non-sighted users."

• The Gift You Do NOT Want: A Div in a Button's Clothing - HTMHell

  "The advice, of course, is that the simpler and more robust solution is to replace the <div> with a <button>. However, for the sake of exploring what the accessibility tree reveals -- or fails to! -- and the importantce of manual testing, we'll go ahead and add all the necessary code to make this div fully functional."

• Using (almost) pure CSS to make fancy scroll-driven image sequence animations

  "I expect this approach will also provide some significant low-level performance benefits in terms of both memory usage and CPU usage compared to rendering to a canvas, but I haven't spent enough time profiling to be able to confidently speak to that."

• Isomorphic Web Components | jakelazaroff.com

  "This is kind of like a bizarro progressive enhancement. Rather than starting with HTML and enhancing it with JavaScript, we're starting with JavaScript and enhancing it with HTML."