2025: All posts

A friendly introduction to SVG by Josh Comeau.

This post is intended to be completely beginner-friendly, no previous SVG experience required (though it does assume that you’re familiar with the basics of HTML/CSS/JS).

Use the Nano ID Collision Calculator to understand the collision-likelihood of your current Nano ID alphabet and id-length.

Haikei is a shape generator for blobs, waves, and gradients. Output formats are SVG and PNG.

Fancy-Border-Radius is a tool written by Nils Binder, that allows to create and play with blobs by setting the horizontal and vertical radii with the CSS property border-radius.

whatsmydns.net allows to check global DNS record propagation.

OpenMoji: Open source emojis for designers, developers and everyone else!

You get the emoji in SVG and PNG format (colored and black), and as a font. The website with the emoji library is nicely made and a free iOS app can be used in addition.

OpenMoji is an open-source project of 50+ students and 2 professors of the HfG Schwäbisch Gmünd (Design University) and external contributers.

A tiny taxonomy of meetings by Jeremy Keith. Three types of meetings:

1. Divergent meetings: Generate ideas.
2. Convergent meetings: Come to a decision.
3. Chemistry Meetings: No tangible output. Get to know each other.

It´s a good idea to communicate upfront what type of meeting you are planning to have to help avoiding frustration among participants about the meeting outcome.

PagesCMS is a CMS for static sites hosted on GitHub that looks interesting. It is MIT-licensed and made by Ronan Berder. There is a online version to hook into, but it is as well possible to host it yourself.

With Polishing your typography with line height units Jen Simmons is putting a spotlight on the overlooked lh unit. It makes a big difference!

Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text.

I like to apply it in a flow css class to set the space between direct siblings:

.flow > * + * {
    margin-block-start: 1em; /* fallback for browsers not supporting the lh unit */
    margin-block-start: 1lh; 
}

Fairlight torque settings

The Human in the Loop, by Pablo Stanley.

The LLM writes, reviews, and rewrites its own code. But when it gets stuck, it really gets stuck. Fixing a small bug can spiral into an endless loop — or a full rewrite of the whole project. And you can’t step in, because you don’t speak the language fluently. You just nod along, hoping the next retry works. […] I jokingly tell our dev team I’m a hacker (they silently hate me a bit haha). But I’ve also gained a deep respect for them — the real programmers. The stuff AI does today is built on decades of human work. And when things break, it’s still the humans who fix it… for now.

anchor-tool.com allows to select a desired anchor positioning and see the required CSS code. The tool supports logical properties! As of March 7 only working in Chromium browsers.

Navigating the web platform by Patrick Bosset, product manager on the Edge team at Microsoft.

As a web developer, navigating the web platform isn't always easy. Here are ways to keep track of what you can use, of what's new in web browsers, and ways you can influence the development of the platform by making your voice heard.

HTML Minification for Static Sites with html-minifier, by Jim Nielsen.

A checklist for your tsconfig.json, by Dr. Axel Rauschmayer.

Public Domain Image Archive

I very much like the idea of the stream by Linus Lee.

The System Color Picker by Sindre Sorhus is an excellent alternative to my ColorSlurp. The System Color Picker is a free tool as opposed to the very expensive ColorSlurp. Yet, System Color Picker has excellent features, such as:

• picking a color with a magnifying glass by using a keyboard shortcut that can be freely configured,
• showing and hiding the app window with a freely configurable keyboard shortcut,
• support of color formats Hex, HSL, RGB, OKLCH and LCH,
• defining a preferred color format,
• creating color palettes,
• a set of four starting palettes (Apple, Crayons, System, Web Safe Colors).

Modular Scale is a simple, quick, and free tool by Scott Kellum and Tim Brown to calculate and visualize different type scales.