Weekly Shaarli

All links of one week in a single page.

Week 45 (November 8, 2021)

Building an Astro Website with WordPress as a Headless CMS - DEV Community

I'm sure you've heard of WordPress, and you may or may not like it.
In this article, I'll show you how you can leverage only the good parts of WordPress by using it as a headless CMS for your next project.

As the front-end, we'll be using the new popular static site generator Astro.

Let's dive a bit into the details of what we are working with.

openreplay/openreplay: OpenReplay is developer-friendly, open-source session replay.

The most advanced open-source session replay to build delightful web apps.
An open source alternative to LogRocket and HotJar.

CSS fix for 100vh in mobile WebKit - Matt Smith

Not long ago there was some buzz around how WebKit handles 100vh in CSS, essentially ignoring the bottom edge of the browser viewport. Some have suggested not using 100vh, others have come up with different alternatives to work around the problem. In fact, this issue goes further back a few years when Nicolas Hoizey filed a bug with WebKit on the subject (the short of it: WebKit says this is “intentional” 🧐).

MSW – Seamless API mocking library for browser and Node | Mock Service Worker

Mock by intercepting requests on the network level. Seamlessly reuse the same mock definition for testing, development, and debugging.

via devtools.fm

The Value of Design Systems Study: Developer Efficiency and Design Consistency

Design systems are great for developer efficiency, visual consistency, and accessible experiences. But measurement can be challenging, and even here at Sparkbox we’re often relying on anecdotes from our own projects or from self-reported metrics that we’ve gathered from our annual design systems survey. We wanted more proof, so we decided to test our hypothesis, “design systems help developers produce better code faster.” Our test subjects? A handful of willing Sparkbox developers.
via CSS-Tricks mailing list (https://css-tricks.com/newsletter/276-future-friendly-layouts-and-design-system-vitals/)