Raindrop.io Bookmarks 07/19/2020

2020年7月19日 著

• Scroll to text fragment | Michael Gearon

  "Currently text fragments are supported in Chromium-based browsers past version 80, this includes Edge 83 as well as being supported in Opera 68 and Android browsers. It is not supported in Firefox and Safari and as of right now they are not intending to support this web feature."

• Make Your Sites Fast, Accessible And Secure With Help From Google -- Smashing Magazine

  "To ensure consistency, we've added support for the Core Web Vitals -- LCP, TBT (lab equivalent for FID as Lighthouse is a lab tool) and CLS -- and removed three old ones: First Meaningful Paint, First CPU Idle, and Max Potential FID."

• Chromium Blog: Improving Chromium's browser compatibility in 2020

  "When it comes to browser compatibility, there are still too many missing features and edge-case bugs. But it doesn't have to be this way. Things can and will get better, if browser vendors can understand what is causing the most pain, and take action to address the causes."

• When design breaks semantics - tempertemper

  "If a user sees a button and tells their voice control software (e.g. Dragon) to "click the button", the software might not know there's a button there as it 'sees' , not . If you told it to click the link it would understand, but the user doesn't see a link, they see a button!"

• Modern CSS grid solutions to common layout problems

  "Layout and composition are some of the most challenging topics within CSS. Especially when you have to take responsiveness into account. We often fall back on media-queries. But adding many media-queries for various breakpoints can make your CSS unmaintainable."

• The State Of Pixel Perfection

  "For me, pixel perfection is dead and not relevant today. Instead, I focus on using consistent sizing and spacing, and keeping the look & feel as per the design mockup."

• The trouble with mailto email links and what to do instead by Adam Silver | Designer, London, UK.

  "Firstly, mailto links make it hard to copy the address, for example if you want to share the email address with someone else."