Diigo Bookmarks 05/07/2020

2020年5月7日 著

• Making dark theme switcher with PostCSS. | CSS-Tricks

  "The magic is made by postcss-dark-theme-class -- which will add our [data-theme] custom attribute to the :root selectors we wrote -- during the CSS transpilation."

• Developer tools for designers - Cloud Four

  "In this post I will be focusing my attention on the developer tools in the browsers I use most, Firefox and Chrome. Unless otherwise noted, these tips will work in both browsers."

• Does masonry belong in the CSS Grid specification?

  "It is certainly compelling at first glance, however I feel that this is a relatively specialist layout mode and actually isn't a grid at all. It is more akin to flex layout than grid layout."

• Static Hoisting

  "CDNs are great and have been around for a long time, and so have static hosts. However, for the longest time, CDNs have been treating the "origin" as an opaque black box. It's now possible, instead, to push content directly to the network and design frameworks that optimize for this capability."

• 9 awesome CSS border tricks that will critically help you with styling - DEV Community

  "We can animate our borders, even without changing the size of the element, and it's very easy. To do that, we just need to create a custom keyframe for the animation and use it in the animation param inside our element's CSS code."

• Web Vitals

  "The metrics that make up Core Web Vitals will evolve over time. The current set for 2020 focuses on three aspects of the user experience--loading, interactivity, and visual stability--and includes the following metrics (and their respective thresholds)"