Link Journal 26-04
Over the past month of April, I’ve collected 16 links for my link journal.
Introducing view-transitions-toolkit ..
www.bram.usOver the past years, I’ve published a bunch of View Transitions contents: articles, talks, demos, etc. I’ve also done a bunch of more experimental things with them, such as optimizing the keyframes or driving a View Transition by scroll.What I noticed while doing all those experiments is that I repeated a lot of the code … and they were scattered a bit all over the place as well. So I bundled that all up in a package: view-transitions-toolkit.
Disasters I've seen in a microservices world
world.hey.comWhen Martin Fowler's post about microservices came out in 2014, the teams where I worked were already building service-oriented architectures. That post and the subsequent hype made their way into almost every software team in the world. The "Netflix OSS stack" was the coolest thing back then, allowing engineers worldwide to leverage N...
The AI Great Leap Forward
leehanchung.github.ioIn 1958, Mao ordered every village to produce steel. The steel was useless. The crops rotted. Today's top-down AI mandates are producing the same pattern: ba...
Google Maps for Codebases - Paste a GitHub URL, Ask Anything
dev.toNavigating a large codebase for the first time is painful. You clone the repo, realize there are 300...
Using CSS animations as state machines to remember focus and hover states with CSS only
patrickbrosset.comI discovered this CSS-only trick to store the past <code>:focus</code> or <code>:hover</code> state of any element. Without JavaScript, you can style elements depending on whether they were ever focused or hovered. Here's how it works.
Squash and Stretch
www.joshwcomeau.comHave you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things that has a big impact.
vanilla-jcrop
github.comModern, dependency-free image cropping library. Drop-in replacement for the classic JCrop without jQuery. - tijoladev/vanilla-jcrop
The Intl API ..
polypane.appChances are you've used Moment.js , date-fns , Luxon , or numeral.js at some point. Developers have relied on these libraries for years to format dates…
For the Love of Obsidian and IndieWeb
blog.giersig.euFor the Love of Obsidian and IndieWeb Planted: 14 March 2026 on/memex smallweb/indieweb dev 🌳 Evergreen Tended: 21 April 2026 I spent a few hours building a bridge between my favourite writing tool a...
JSON Alexander - Syntax highlighting and tree view in the browser
www.heise.deSyntax highlighting and tree view: The add-on improves the display of JSON data, especially for API developers.
Madblog - A Markdown Folder That Federates Everywhere
blog.fabiomanganiello.comA lightweight blogging engine based on text files, with native Fediverse and IndieWeb support
Mathematical curve based loading animations
github.comA lightweight gallery of mathematical curve based loading animations with modal previews, formulas, and copyable code snippets. - Paidax01/math-curve-loaders
Quick and Dirty Colour Palettes using color-mix
www.alwaystwisted.comLearn how to use CSS color-mix() to create tints, shades, opacity variants, and even dynamic palettes for your projects. From simple setups to advanced techniques, this guide explores how to enhance your design system and streamline theming with modern CSS tools.
Multi-stroke text effect in CSS
yuanchuan.devI used to see that retro multi-stroke text effect quite often and tried to replicate it using the CSS text-stroke property, but the results never quite matched. Because text-stroke accepts a single value, stacking elements was the only workaround I could think of, though it didn't seem to work.
Scroll-Driven Animations
www.joshwcomeau.comThe new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a very lovely API, and in this blog post, we’ll explore some of the super cool things we can do with it.
Webmentions
However, you can also respond (comment, like, reply) to one of the following ...