Thomas Garden 25-09 XII
Link Journal

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.us
CSS/Animation JavaScript

Over 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.

Password Protecting Static Site Content with WASM

al9000.com
JavaScript Security

a post from alan w. smith

Disasters I've seen in a microservices world

world.hey.com
Architecture

When 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.io
AI

In 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...

Using CSS animations as state machines to remember focus and hover states with CSS only

patrickbrosset.com
CSS

I 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.com
CSS/Animation

Have 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.com
JS Component Imaging

Modern, dependency-free image cropping library. Drop-in replacement for the classic JCrop without jQuery. - tijoladev/vanilla-jcrop

The Intl API ..

polypane.app
JavaScript

Chances 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.eu
IndieWeb Obsidian

For 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.de
Browser

Syntax 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.com
Blog

A lightweight blogging engine based on text files, with native Fediverse and IndieWeb support

Mathematical curve based loading animations

github.com
CSS JavaScript

A 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.com
CSS

Learn 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.dev
CSS

I 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.com
CSS

The 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

You can interact with this article by mentioning it in one of your posts and sending a Webmention, if your blog software supports it. Alternatively, you can either send it via webmention.app or Telegraph or this form:

However, you can also respond (comment, like, reply) to one of the following ...

Syndications

Webmentions and (most) responses will be shown here as ...

Interactions

Loading

Related

This post is part of a series. Be sure to check out the other posts of Link Journal ...