Monthly Shaarli

All links of one month in a single page.

November, 2021

Keeping Time in Notion Databases

This page explores how you can store time in Notion databases as readable text (hh:mm:ss) while still being able to do calculations with those times or do filtering and sorting. Each example database has a few records with a time, we want to be able to calculate the total amount of time of all records.

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

Butterchurn Visualizer

A WebGL browser clone of MilkDrop

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.

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” 🧐).

Дженерики в TypeScript / Хабр

Эта статья для тех, кто не использует generic-типы в TypeScript: не знают о них, боятся использовать или используют вместо реальных типов — any.

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.

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/)