JavaScript Gom Jabbar

You stop to count how many tools and parsers work on your codebase: TypeScript, esbuild, swc, babel, eslint, prettier, jest, webpack, rollup, terser. You are not sure if you missed any. You are not sure if you want to know. The level of pain is so high you forget about anything else.

We've come a long way, but we're not there yet.

Blogs, more than ever

It's been an odd few days with the changes on Reddit and Twitter – the only two major social media platforms I browse.

Platforms are great portals for discovery, but a guarantee for longevity is not their strong suit. And while the fediverse is interesting, my Mastodon experience feels more like a detox than something that stands on its own.

Read more

Fibonacci estimates

Estimating software projects will never be my strong suit, but I've learned using numbers from the Fibonacci sequence to judge the size sets me off to a good start.

To estimate a task (in hours or days), I only use numbers from the Fibonacci sequence:

1, 2, 3, 5, 8, 13, 21, 34, 55…

The further along the Fibonacci sequence, the bigger the difference with the next number becomes. This aligns well with how we should estimate, because the bigger the task, the more unknowns there are.

A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox

A lovely essay by Henrik Karlsson on writing, blogging, and the power of the internet.

When writing in public, there is a common idea that you should make it accessible. This is a left over from mass media. Words addressed to a large and diverse set of people need to be simple and clear and free of jargon. […]

That is against our purposes here. A blog post is a search query. You write to find your tribe; you write so they will know what kind of fascinating things they should route to your inbox. If you follow common wisdom, you will cut exactly the things that will help you find these people.

How I built customizable themes using CSS custom properties & HSL

I published an article on the Mailcoach blog explaining the setup around customizable themes for newsletter archives.

I relied on CSS custom properties and HSL colors to allow users to customize their newsletter archives without fiddling with too many options.

Colors are often defined in RGB, but RGB is difficult to transform without custom functions. We ask the user to define the primary color in HSL instead. The benefit of HSL is that it's easy to control a color by tweaking the parameters.

Laravel closure validation rules

Today I was looking for a way to create a custom Laravel validation rule without the overhead of a new class. The rule I needed would only be used in one place, so wanted to keep it close to (or in) the request class.

Upon re-reading the validation docs, I learned that Laravel supports closures as rules.

class JournalEntryRequest extends Request
{
public function rules(): array
{
return [
//
'lines' => [
function (string $attribute, mixed $value, Closure $fail) {
$debit = collect($value)->where('type', 'debit')->sum('amount');
$credit = collect($value)->where('type', 'credit')->sum('amount');
 
if ($debit !== $credit) {
$fail("Debit and credit don't match.");
}
 
if ($debit !== 0) {
$fail("Amount must be greater than 0.");
}
},
]
];
}
}

Just what I needed!

Pretend Everyone Costs 1k Hr

Caleb Porzio released this podcast episode earlier this year, but it's been simmering in my head ever since.

The gist is to take things as far as you can before asking others. Instead of opening an issue, open a PR. Instead of replying "I don't know", find out. Before asking a question, write down the problem to make sure you've considered evey angle yourself.

Dealing with interactions this way gets things done more effectively, gives you the opportunity to learn something, and turns you into a nice person.

HTML button form attribute

Thanks to my colleague Sam I recently learned about the form attribute on the <button> element.

By setting a form attribute, the button becomes a submit button for a form on the page with that ID, without having to nest the button on the page.

This could be useful for a logout link, used on different places.

<nav>
<!---->
<button type="submit" form="logout">
Log out
</button>
</nav>
 
<footer>
<!---->
<button type="submit" form="logout">
Log out
</button>
</footer>
 
<form id="logout" method="POST" action="/logout">
</form>