Raindrop.io Bookmarks 06/04/2021

2021年6月4日 著

• Ancestors and Descendants - Eric's Archived Thoughts

  "I said DOCTYPE switching saved CSS, and that's true, but it's not the whole truth.  So did the Web Standards Project, WaSP for short."

• CSS for Web Vitals

  "The way you write your styles and build layouts can have a major impact on Core Web Vitals. This is particularly true for Cumulative Layout Shift (CLS) and Largest Contentful Paint (LCP)."

• How To Fix Cumulative Layout Shift (CLS) Issues -- Smashing Magazine

  "Cumulative Layout Shift is caused by content changing dimensions, or new content being injected into the page by late running JavaScript. In this post, we've discussed various tips and tricks to avoid this."

• Evolving Cumulative Layout Shift in web tooling

  "we are adjusting the CLS metric to a maximum session window with a 1 second gap, capped at 5 seconds, this update better reflects the user experience for long lived pages. With this change in place, 70% of origins should not expect to see any CLS change at the 75th percentile, and the remaining 30% of origins will see an improvement."

• Best Practices for Image Text Alternatives - Knowbility

  "The alternative text should describe the image properly, if it must be longer to do that, then use a longer text. There is no limit, and there has never been one."

• New CSS functional pseudo-class selectors :is() and :where()

  "The :is and :where pseudo-classes are supported in Chromium (>=88), Firefox (>= 78) and Safari (>=14)."

• Embracing Design Constraints | Adrian Roselli

  "Accessibility is just one of many necessary design constraints. It must be held in the same regard as others, since failure to account for it means failure in the objective of the design."

• The business impact of Core Web Vitals

  "This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already see positive impact for their users and business."