Raindrop.io Bookmarks 03/30/2022

2022年3月30日 著

• Optimising Largest Contentful Paint - CSS Wizardry - Web Performance Optimisation

  "Largest Contentful Paint (LCP) is my favourite Core Web Vital. It's the easiest to optimise, and it's the only one of the three that works the exact same in the lab as it does in the field (don't even get me started on this...). Yet, surprisingly, it's the least optimised CWV in CrUX--at the time of writing, only half of origins in the dataset had a Good LCP"

• Don't rely only on tools to pick an accessible color combination | by Zoé Léonard | Mar, 2022 | UX Collective

  "It's important to test with users, in addition to our design sense -- There is no substitute for human judgment especially when it comes to using a combination of negative contrast polarity"

• Understanding Layout Algorithms

  "There are a lot of layout algorithms in CSS, and they all have their own quirks and hidden mechanisms. When we focus on CSS properties, we're only seeing the tip of the iceberg. We never learn about really important concepts like stacking contexts or containing blocks or cascade origins!"

• [Article] 0. Firefox UI UX history · black7375/Firefox-UI-Fix Wiki

  "The history of Firefox UI is important because my project compensates for the shortcomings of this Proton UI and inherits the strengths of the existing Firefox UIs."

• Variable fonts in real life: how to use and love them -- Martian Chronicles, Evil Martians' team blog

  "I'm obviously a big proponent of variable fonts. Nevertheless, let's touch on the downsides. As for the disadvantages of variable fonts, at the moment, I see them as pricing, software support, and some aspects of the file size."

• Deep dive into the CSS :where() function - LogRocket Blog

  "The specificity of the CSS :where() function is always zero. Therefore, any element that is targeted with this function automatically gets a specificity of zero, as well. This gives us the power to easily nullify the style of any element we want while reducing its specificity to zero."

• US DoJ Web Accessibility Guidance: What's the Deal? - Level Access

  "A site that is perfectly compliant with the WCAG but isn't practically accessible is non-compliant with the "full and equal enjoyment" standard of the ADA. Conversely a site that isn't compliant with the WCAG but is functionally usable by people with disabilities is likely compliant with the "full and equal enjoyment" standard of the ADA."