@monochromer

36 Followers
77 Following
97 Posts

Often, your users' requests for technical support are accompanied by the response "Clear your browser's cache." Indeed, many browsers provide a buttons in menu to delete http cache, but not local storage, not cache storage, not service worker.

Clear-Site-Data comes on the scene, which recently received the baseline widely available status. Now you don't have to ask users to open DevTools and perform magic actions to delete service worker.

Below is an example for the caddy web server.

Coordinate async tasks with the Web Locks API 🔐

Prevent race conditions across tabs and workers. Request a named lock, and the browser ensures exclusive or shared access.

> await navigator.locks.request('db', async lock => {
> // exclusive access here
> });

Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/API/Web_Locks_API

Web Locks API - Web APIs | MDN

The Web Locks API allows scripts running in one tab or worker to asynchronously acquire a lock, hold it while work is performed, then release it. While held, no other script executing in the same origin can acquire the same lock, which allows a web app running in multiple tabs or workers to coordinate work and the use of resources.

MDN Web Docs

Мой коллега сделал нано-фреймворк поверх Web Components и Nano Stores — идеально для небольшого интерактива на лэндингах или встраиваемого виджета

https://psd-coder.github.io/nanotags/

Firefox devtools with JetBrains Mono font looks very nice... after some hacks

I like the Caddy web server more and more.

So in a couple of lines in config I added a preload of fonts with early hints support. Unlike Nginx, which can only do this through backend proxying.

#caddy #http

For almost 10 years we've been publishing daily web platform news for the Russian-speaking community. I always wanted to do the same in English, and five months ago I finally started. Yesterday I published the 100th news on @webstandards_dev Here’s a little story behind the project. Of course, built with @11ty 😎

https://pepelsbey.dev/articles/web-standards-news/

A wave of manic energy in December had me put together a long deck called "HarfBuzz at 20! " , celebrating 20 years of HarfBuzz. 🎂

I designed the deck to be presented at the #WebEnginesHackfest later this year. Then reality hit that I cannot present this deck in any sane amount of time.

Inspired by all the great presentations coming out of #FOSDEM today, I decided that instead of tossing the deck out, I just put it out here to be read by the curious. I will present a highly condensed version at the hackfest in June.

Let me know what you think. 🙏

https://docs.google.com/presentation/d/1o9Exz1c-Lr-dJjA8dcBn_Vl_Y37cupmFzmclMjBE_Bc/view

HarfBuzz at 20!

HarfBuzz at 20! all you ever wanted to know about HarfBuzz and then some behdad a slide deck to skim through—January 2026

Google Docs

A list of font tools, ranging from font editors to proofing tools, and everything in-between: https://font-tools.com

By Olli Meier!

#typography #fonts

Font Tools

A collection of font tools.

I helped my pal @chriskirknielsen fake a fieldset-legend layout (where the “legend” overlays and clips a containing border).

My technique, plus a few alternatives: https://cloudfour.com/thinks/faking-a-fieldset-legend/

#CSS #WebDev #WebDesign

Faking a Fieldset-Legend

Using CSS to make a heading overlay and clip the border of its own container.

Cloud Four

Power of CSS functions. Fluid adaptive relative to viewport size

https://codepen.io/monochromer/pen/RNRVvNW?editors=0100