Raindrop.io Bookmarks 06/11/2021

2021年6月11日 著

• Equal Columns With Flexbox: It's More Complicated Than You Might Think | CSS-Tricks

  "we get some block-level elements shrinking down and slotting next to one another. It feels like flex wants things to be as small as possible. But in reality, flexbox actually wants things to be as big as possible."

• Google changes Core Web Vitals metrics; How to use lab and field data for optimization

  "Core Web Vitals performance metrics are complex and imperfect, and fixing page experience snags can be perplexing. Even now, Google made last-minute changes for upgrading all its tools to include sharpened formulas in response to cases brought by developers in the field."

• Meet :has, A Native CSS Parent Selector (And More) -- Smashing Magazine

  "Similar to the container queries, :has pseudo-class will be a major game-changer when implemented in browsers. The relational selector will allow developers to write powerful and versatile selectors that are not currently possible with CSS."

• Privacy analysis of FLoC

  "FLoC is premised on a compelling idea: enable ad targeting without exposing users to risk. But the current design has a number of privacy properties that could create significant risks if it were to be widely deployed in its current form."

• Let's Learn About Aspect Ratio In CSS - Ahmad Shadeed

  "In this article, I will discuss what is aspect ratio, how we used to do it, what's the new way of doing it. Of course, there will be use cases with a proper fallback for them."

• Email Buttons: 5 Ways to Make Them Bulletproof & Beautiful - Litmus

  "We love using semantic html, but unfortunately, the <button> tag is just not supported in email. It's reduced to a <div> in most email clients, which is either not clickable or not rendered correctly."