This is a comprehensive look at a new-ish CSS property (now a standard) with pretty good browser support that helps a browser to calculate a page’s layout more efficiently.
Rachel’s thoughts on the proposal to add masonry layout into the Grid specification, along with a demo and a request for readers to add their own comments on the CSS WG thread.
Facebook completely rebuilt its tech stack to achieve its performance and growth goals. Here’s how they’ve done it with React, Relay, SVG, code-splitting, and more.
来源：Ashley Watkins (Facebook)
A good reminder of the importance of accessibility, especially considering that many will be accessing critical online content more often during this crisis.
An extensive look at using the
prefers-reduced-motion media query (including using it with
来源：josh w comeau
Mozilla is working on integrating a process manager into Firefox to provide detailed process information. Here’s a look at it.
This is a neat little trick. Using both React and Gatsby to show how much of a page you’ve read (scrolled) in the title bar/tab.
Two new unit types from the Level 4 spec for CSS values. 1
lh unit is “equal to the current computed value of line-height” and
rlh is the same but for the root element. What supports it? Nothing yet.
Designing a table with lots of data to display can be a tricky problem. James Long shares a considered look at how he went about it.
This is an awesome little feature that’s been around for a few months now and is well worth checking out. It grays out CSS declarations that have no effect, provides tips on what is wrong, suggests ways to fix it, and provides a helpful link for more information.
If you work with typography/UI/UX this is worth a read — it explores how to add/adjust spacing to certain characters in a consistent way. The author notes that it’s actually not as easy and quick as it should be.
Puts forward why you should avoid cross-origin resource sharing (by using the proxy configuration in your frontend development server).
Advice on how to make your site less susceptible to bad actors.
Enter a URL to get a weighted average performance score based on multiple geo tests. Detailed reports are then shareable via URL for 90+ days (and you can subscribe for updates to specific reports).
来源：Fast or Slow
Originally planned as a patch release this got bumped up to a minor release due to some small new features. Also includes over a dozen bug fixes.
来源：Mark Otto, Jacob Thornton, and Bootstrap contributors
A new GitHub-based tool from Deque Systems (read a write-up here) that checks source code for common accessibility issues and will automatically find and suggest fixes.
A benchmark of three popular 2D rendering engines/drawing APIs. Note: This will tax your system.
This is a Chrome/Firefox extension that adds rich-text editing (as opposed to plain-text Markdown) to GitHub issues, pull requests, wikis, etc.
来源：Remember those technical drawings with blue backgrounds from the mid-to-late 20th century? Well, this font from Darren Embry is a 21st century take on the lettering found in such drawings and documents.