Published

Work-in-progress bran flake scones

A spectacular bakery near us seems to have retired their previous “funky” scone in favor of a Raisin Bran scone. I miss the old one (strawberry Earl Grey!) but am a big fan of the new one. I’d like to make them at home, with the primary goal of devising a fiber vehicle that we all actually like and keeps well for a few days. My secondary goal is eventually repurposing this to reduce the food waste generated from AB’s endless barely-touched bowls of Grape Nuts. It’s like a comfort blanket but in cereal format, she insists on its presence at 6:50am daily next to the bowl of cereal that she actually eats (“chee-ohs an muk, pees”).

Below is the WIP recipe I’ve assembled as of October 16, 2026. I used this recipe as a starting point but made a few tweaks that I thought would get me closer to the bakery’s version. Caveat is that the bougie grocery store nearest to us only sells Nature’s Path Organic Flax Plus Multigrain Flakes. (Can you feel the health?) I’ve only tried this recipe with that cereal so far, but I have a feeling the familiar purple box of bran flakes might work best for this.

Self-review of the recipe as-is: Pretty good! Not as dark of a brown overall as the ones I was aiming for but I think that might be down to the bran flakes I was using. The edges seemed similarly crisp. The interior was maybe a little under-baked, I think that might have been due to the flakes (they have flaxseed in them) and/or the temperature reduction dance. The coarse sugar on top is essential, the interior is not very sweet on purpose. See below for modifications for next time.

What I’m going to try next time:

  • Use the bran flakes in the purple box. These are less dense! So measure out the 2½ cups, it will probably be more like 85 g of cereal. You might need more or less, 175 g of cereal is probably too much.
  • Add raisins when combining the wet and the dry ingredients.
  • Do the milk-and-sugar topping before you space out the scones, and be even more generous with the coarse sugar.
  • Bake them at 375F for about 25-30 minutes instead of doing the temperature dance.

WIP ⚠️ Bran flake Scones recipe

Makes 8 large scones, 12 small scones. Takes 15 minutes of active prep, 20 minutes resting, 15 minutes in the freezer, 20 minutes to bake. Metric is recommended for exact bran-to-flour ratios.

Ingredients

  • 1¼ cup (300 mL) buttermilk, or 1¼ tablespoons vinegar topped up with milk to make 1¼ cup total
  • 2½ cups (175 g) bran flakes cereal
  • 1⅓ cups (175 g) all-purpose flour
  • 1 tablespoon baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt (less if using salted butter)
  • 2 tablespoons (25 g) granulated sugar
  • 6 tablespoons (85 g) butter, very cold
  • Coarse sugar like Demerara and a splash of milk for topping

Method

  1. Line a ¼ sheet pan with parchment paper. If you don’t have a ¼ sheet pan, use something around that size that will fit in your freezer.
  2. In a medium bowl, stir together the buttermilk and bran flakes cereal. Let it stand for 15-20 minutes, stirring and mashing it up occasionally. You want a sort of porridge-like consistency.
  3. In a large bowl, combine the flour, sugar, baking powder, baking soda, salt, and sugar. Cut the super cold butter in to the flour mixture until only a few pea-sized pieces of flour remain.
  4. Stir your cereal soup in to the dry ingredients until it just comes together. Your hands are probably your best bet. It’ll feel sort of sticky, and at some point there will just be a bit of flour left at the bottom of the bowl.
  5. At this point, turn it out on to your lined sheet pan and shape it in to a rectangle around 9″ long and 6″ wide. Stick the tray in the freezer and let it rest in there for about 10 minutes while you preheat the oven to 425F (220C).
  6. Once the dough has rested, pull it out of the freezer and use a pizza cutter to cut your scones. First, do a big cut lengthwise through the middle of the rectangle, splitting it in to two 3″ × 9″ rectangles. Next, choose your adventure:
    1. For 8 larger scones: Cut through the middle of your two long rectangles, leaving yourself with four 3″ × 4.5″ rectangles, then cut each of those rectangles diagonally to make 8 triangles. You may need to bake these longer.
    2. For 12 smaller scones: Cut your two long rectangles in to thirds, leaving yourself with six 3″ × 3″ squares, then cut each of the squares diagonally to make 12 triangles.
  7. Next you need to space out the scones so they can rise and slightly spread. If you need a larger surface, use the parchment paper to transfer the scones to a bigger baking tray. Using a thin spatula, gently shimmy the scones apart until there is at least ½” of space between each scone.
  8. Brush the tops with milk and generously sprinkle with coarse sugar.
  9. Bake for 10 minutes at 425F (220C), then reduce the heat to 375F (190C) and bake for another 15 minutes.

Published

Reflections on running a self-hosted personal site in the year two thousand twenty-six

Yet again, a long drought between my last post and this one. Unusual for me in the reasonably recent past, now a common occurrence. I keep asking myself “why?”, why am I not posting as much when I loved it so much before?

Edit: Wow… I just realized my last post was almost a year ago.

While recently troubleshooting some bonkers bad bot traffic on an org website that I help maintain, I finally realized: It is getting a lot harder to maintain a self-hosted personal site. I’m seeing all of the same problems that org site is seeing, just at a slightly smaller scale and with less visibility since I haven’t had client-side analytics since late 2020.

Picture the scene.

Read more

Published

How and why I stopped freelancing

A quick disclaimer: This is NOT an article about how to find a full-time job. There are a million posts about that online. And anyways, beyond the general advice1, I’m not sure how useful those articles usually are anyways. Every person’s path to a job is super different.

This is about the steps I took to make the transition from independent work to full-time employment as smooth as possible for my clients, my collaborators, my new employer, and most importantly myself. It’s also about the thought process behind that decision.

In many ways, this is all a long explanation of the feelings behind this earlier post.

It wasn’t without stress, but it worked out pretty well with a lot of prior planning and communication.


Wispy clouds against a blue sky

Before I go in to how, a little about why.

Read more

Published

My custom bash prompt

This is my custom bash prompt, as defined in my profile (~/.bash_profile). It includes a custom character for the prompt, the path, and the Git branch name (if any). The whole thing is colorful to make it a bit easier to identify the prompt in a sea of characters.

When I’m working on this WordPress theme for example, it looks sort of like this (RSS readers, you’ll miss the colors):

→ ~/sites/commonplace-wp-theme (v0.1.5)

To generate something else, try messing around with the Bash $PS1 Generator.

If you want to try something like this, do not delete the rest of your profile. Just add this at the top.

# Get the Git branch
parse_git_branch() {
  git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'
}

# Custom bash prompt
# Includes custom character for the prompt, the path, and Git branch name. With colors!
# Source: kirsle.net/wizards/ps1.html
export PS1="\n\[$(tput bold)\]\[$(tput setaf 5)\]➜ \[$(tput setaf 6)\]\w\[$(tput setaf 3)\]\$(parse_git_branch) \[$(tput sgr0)\]"

Note: I got this from someone else at some point… I’m trying to figure out who but haven’t gotten to the bottom of it.

Published

Fluid type sizes and spacing

I’ve been using a fluid type and spacing system on the most recent builds I’ve completed. Here’s why I use it, and how I approach it. I mainly use SCSS (a Sass syntax), but it’s also very do-able with plain CSS.

Screencast of Gort Scott’s homepage, resizing it in Chrome’s inspector

The example above demonstrates the result on gortscott.com, resizing the window from about 2300px down to about 640px and back again. The type and spacing across the page begins scaling down when the window is 2095px wide and stops shrinking at 1047px wide. At that point the text begins to reflow as the CSS Grid layout continues to shrink. Eventually at 703px wide the layout shifts, and again at 543px wide.

Read more

Published

4+ month update

It’s been a little over four months since B arrived. These are some of my experiences or things I’ve learned so far, plucked at random.

I’d say that the books, conversations, and classes prepared me pretty decently in theory, but the physical and emotional reality is almost impossible to prepare for. Being a parent has been much more visceral than I expected.

A woman walking in to James Turrell’s “Three Gems”

Read more

Published

Updates to v-fonts.com

I’ve been working with Nick Sherman on some updates to v-fonts.com, and he pushed the changes on Saturday. 🥳

He managed to do it right before his TypeLab talk about these updates as part of Typographics 2021. He kindly invited me to join the talk, and it was a pleasure going through things together. Thank you to Petr Van Blokland for shifting things around so that I could contribute!

Screenshot from Nick Sherman and Piper Haywood’s talk about v-fonts.com as part of TypeLab

Screenshot from Nick Sherman and Piper Haywood’s talk about v-fonts.com as part of TypeLab

About the changes

For context/posterity:

Nick approached me about helping out with v-fonts.com after our back-and-forth about surface area-based logo sizing a little while back. I was pretty excited about the prospect since Nick’s a lovely guy, and I’ve found his Variable Fonts site so useful in the past!

The most major update is the introduction of term-based archives for tags (e.g. unusual variation or serif), designers (e.g. Elena Schneider), publishers (e.g. DJR), licenses (e.g. open source), and character sets (e.g. Cyrillic). These archive pages should make it a bit more straightforward to browse all of the listings, and they provide some useful context for the groupings. Nick has done phenomenal work curating it all.

Other updates include quantities to signpost how many results are returned and how many are left, better keyboard navigation for the sliders, and a RSS feed (yay!!). If RSS is your thing, you can find the link in the site footer.

There’s a lot more we’d like to do though.

For the future

A few enhancements for later down the line:

  • Automated content creation; we could potentially extract some data from the font files to speed up content editing/uploading; the Wakamai Fondue repo on GitHub by Roel Nieskens will no doubt be an invaluable resource for this!
  • Enhanced preview capability; would be nice to change the preview text and the size of the text
  • Automated font preview images for RSS

Things we’d like to get to sooner 🤞 include:

  • Filtering by axis (weight, slant, etc.); this sort of exists currently (see one of the screenshots above for an example), but we can’t really expose it yet due to some limitations
  • Prettier URLs for tags, with automated redirects from the old URLs
  • Sorting capability by things like the date the font was updated or alphabetical by title
  • Multi-dimensional filtering; would be nice to look at all of the serif fonts with extended Latin support that offer a trial, or check out all of the open source variable fonts published by Arrow Type, for example
  • Search!

We didn’t end up including these changes because we hit a few walls with the ExpressionEngine set up. EE is a great CMS, but unfortunately it doesn’t seem to give us quite enough control out-of-the-box for the more extended functionality we’re after. I explored add-ons and such for some of these things, but it quickly felt like too scrappy/hacky when there are other CMS options out there that would allow us to achieve this more maintainably.

So the next big step will likely be migrating to a different CMS. Big task (code, content, URL redirecting, etc.), but do-able! At the moment, I’m eyeing Craft CMS + the Feed Me plugin by the Craft developers for semi-automated content migration.

But it will be a few months before I take a look at it due to maternity leave coming up so soon, so we’ll evaluate the best CMS for the job then. I don’t expect a better CMS option for this particular project to come up between now and then but you never know, these things can move so fast!

Thanks for the screenshots, SB!

Published

How to make a Rietveld-esque crate stool / table

A woman in an orange beanie sitting on a pine stool made in Rietveld’s crate style

In late February, we made a stool based on Gerrit Rietveld’s kratkrukje or “crate stool” designed in the mid 1930s. Skip to the instructions, or skip to the cut list and plans.

We’d been looking for something that could act as stool-cum-sidetable for a little while. Haven’t had any luck with secondhand or antique shops, everything we found was too ornate, large, cushion-y, or expensive. And while we’re fine with the idea of buying something from Ikea or a similar store, nothing we found felt quite right. Also, the thought of wandering through Ikea at the moment made us a bit anxious.

So having had success with Enzo Mari’s Autoprogettazione in the past and buoyed by Hannah’s Rietveld crate chair success last summer, we decided to go down the DIY route. Rietveld’s crate stools have been on Sam’s mind since he saw them in the Radical Nature exhibition designed by Sara De Bondt at the Barbican back in 2009. Those stools were created by Simon Jones of Jones Neville by reusing and cutting down old exhibition panels.

There are a bunch of Rietveld crate furniture photos and designs knocking around the world wide web, but very little relating to this specific stool as far as I can tell. I have a feeling that it wasn’t included in the bilingual book How To Construct Rietveld Furniture, but can’t be sure since I don’t own it.

At any rate, there are a few photos online including this photo from Bibliotheek Rotterdam, this blog post, and a photo of the stools in situ at the Radical Nature exhibition.

According to Bibliotheek Rotterdam:

This stool is known to exist in several sizes. Metz & Co. also sold a table similar to this design. According to Gerrit Rietveld’s son, Jan Rietveld, both the Rietveld and Schröder families were involved at one time or another in producing and selling Crate Furniture.

Since we couldn’t find plans for the stool, we made our own based on the photos mentioned above. We didn’t have scraps to reuse as Jones so elegantly did, so we ended up buying three 1″ × 6″ × 6′ whitewood boards and basing our plans on the most economical use of that lumber.

It’s definitely a bit more expensive than a KYRRE stool from Ikea, the materials were a little over $30 in total and of course there’s the labor. We did this in a few hours over the course of a few days, but it probably took us longer than it would normally because we were working out the process and tweaking our initial plans as we went. All-in-all it was worth it. It’s a satisfying little lump of furniture.

Here are the steps to make one for yourself.

Read more