Stellar Web Links

Natural, fresh color palettes from random beautiful images

A scientific approach to line-height

Revisit the early Internet with real online conversations (1980-94) ⟨hand-selected вy KYRA OCEAN

300+ open-source icons.

AI Use Disclaimer: I wrote this post and then GPT-4 fixed my grammer and spelling

Back in 2004, when I had just started my career, sIFR was the hottest thing out there. It was developed by Shaun Inman and it embedded custom fonts in a small Flash movie, which could be...

An explainer for doing web development using only vanilla techniques. No tools, no frameworks — just HTML, CSS, and JavaScript.

A proposed standard that allows websites to define security policies.

An initiative to know the creators of the website. Contains the information about humans to the web building.

Adding information to indieweb.txt about how the site author wants to be referenced on other sites.

Without maintenance, most digital information will be lost in just a few decades. How might we secure our data so that it survives for generations?

That was my mental model of URLs until I indexed my blog’s links and realized there’s more to “domain” than initially meets the eye.

Combining fonts is one of the trickiest parts of typography. Here’s a guide, combined with an example to help you get font combinations right.

A collection of the best CLI/Ncurses software covering a wide range of categories from messaging, music, text editing and more.

A collection of quick copy HTML snippets for a variety of common scenarios.

Create and share notes and checklists, without sacrificing your privacy. A PWA notes/checklists application that syncs instantly across devices.

Best-in-class Design Systems collection with a repository of Components and Foundations references from top-tier tech companies and leading UI teams.

If you’re like me, from time-to-time you’ll come across tasks that should be done in the terminal. But as you’re not very familiar with it, you wince a bit, and then just paste whatever they say, and hope for the best. The guide might also assume you know a bunch of concepts, that you don’t really understand. Like, why do some commands start with $?

WordPress Export to Markdown is a CLI tool (a Node script) that helps you migrate from WordPress to a static site generator (like Eleventy, for example)

I’ve been pretty much living in org-mode for 6 or 7 years now1. It’s my exocortex, second brain, second mind, mind palace, pensive, and personal knowledge management system2. The features and tools I use as well as how I organize my files has changed quite a bit over this period of time and I thought it would be nice give myself (and anyone else who cares) a reference of what it was like in 2023 so here it is.

There are two main types of emails on the internet: plain text and HTML. Many people, particularly in technical communities, strongly prefer or even require the use of plain text email from participants. However, your mail client may not have it set up by default. We'll help you get it configured, and introduce you to the norms and conventions of plain text email.

I settled on a Fujifilm X-Pro 3, which looks similar to the Leica M cameras. Then, I bought one lens (a Fuji 35mm F2 prime) to go with the camera. The entire kit has an appealing, rangefinder style aesthetic.

Static site hosting for WordPress in 2024 - combining the best features of WordPress with the effectiveness of the JAMStack

While I haven’t had much time over the last year or so to spend actually writing code for DiSo, I’ve been really interested in the new direction Tantek has been taking things with his DiSo 2.0 concepts. Many of the early efforts in DiSo were focused just on how to move social data around the web (data formats, protocols, authentication mechanisms, etc). Tantek is taking a slightly different approach to this by first emphasizing the importance of data ownership. It’s not enough to simply pull in a copy of your content from social networks into your local repository. In order to truly own your data, the original should be on your site, and then copies pushed out to whatever social networks, with links pointing back to the original where appropriate. It may sound like a purely academic distinction, but it’s the difference between sharecropping and homesteading.

Exploring the history of systems design.

What the **** does that mean?

A color matching game by Method of Action