In the last article, we covered a few ways for generating character strings to be used for data obfuscation. We looked at the counter style systems: symbolic, alphabetic, and numeric. Now, let’s get into even more uses of @counter-style and…
If you’ve ever built your own client-side navigation that properly respects updating URLs, you’ve probably used history.pushState() a bunch, and it’s a bunch of work getting it robust and right. I think Jay Rungta does a good job of showcas…
The @counter-style at-property in CSS helps us shift from browser defaults to user-defined web styling for list markers. Like instead of the bullet-points of unordered lists and numbers of ordered lists, you can define any marker glyphs you…
Personally, I wouldn’t blame you if you were asked what CSS needs these days and you were like uhm, I think it’s good, actually. These days CSS probably has more in it than you even know about or have tried, making it feel not particularly
I’d like to kick off a small series here focused on animating elements in and out of view. First, we’re going to focus on an element that goes from display: none; to display: block;. This is of particular interest because, well, it used to
CSS has introduced functions so authors can encapsulate and reuse property behaviors across their style sheets without duplicating the code or polluting the DOM with single-use intermediate --_variables1. There are a lot of really cool and
A short, clear, engaging website that explains how diamonds are made by Jaydip Sanghani. Several facts in there I just didn’t know at all until now, like how many diamonds have a tiny serial number carved onto them. I think it’s nice to sho…
When Chrome Canary implemented the anchor attribute, which enabled us to establish anchor relationships using HTML instead of CSS, I thought that it was an awesome idea. However, it seems that it won’t be standardized, and that Chrome has r…
This is Part 2 of a two-part series. Part 1 covered the core mental model of backpressure, why highWaterMarkisn’t a safety net, the .pipe()to pipeline() migration, and why async/awaitdoesn’t solve data volume problems. We also fixed the imm…
It’s a Wednesday afternoon. You’re halfway through a PR review when a Slack message pops in from the platform team: “Hey, your export service pods keep getting OOM-killed. Memory climbs to around 3.8GB before Kubernetes restarts them. Happe…
The new No-Vary-Search header can be used to tell browsers that a query string like ?product_id=7 means the content on that URL is unique based on the query parameter, so cache pages like that individually. But also that a query string like…
If you’re building for the web, you need to test in the browsers your users are likely to use. For Chrome, Firefox, and derivatives thereof, that is easy enough on almost any general-purpose computing device. However, for Safari, it is a bi…