Articles

Making sense of starting-style

Published on:

@starting-style is a CSS at-rule that allows you to create transitions for elements that are hidden by display:none.

It's one of those things that seems simple on first glance, but turns out to be quite complex. The main reason is because we can't DRY (Don't Repeat Yourself) when using @starting-style — you have to specify certain styles twice.

Making sense of starting style is actually pretty simple. You have to write three selectors:

  1. One for the base state
  2. One for the opened state
  3. One for the starting state

Upcoming Breaking Changes for Splendid Layouts

Published on:

I acknowledge the irony that I'm announcing breaking changes just after ranting about breaking changes.

But, I believe it's important to let you know about breaking changes in advance so you can ease into the new library as much as possible.

Killing and Restarting pm2

Published on:

I encountered a strange error with pm2 that has the following properties:

  1. pm2 list displays nothing even though processes should be running
  2. After restarting a couple of projects, pm2 list still displays nothing
  3. Running pm2 list hogs the server and creates a spike (see picture below).

Understanding Recursion in JavaScript

Published on:

Recursion happens when a function calls itself over and over.

A function that calls itself over and over is called a recursive function. Here's an example of a recursive function:

function helloWorld() {
  console.log('Hello world')
  helloWorld()
}

(Don't try this code because your browser would hang). I'll explain how you write a proper recursive function and why you may want to use one.

Best Practice for Astro Endpoints

Published on:

Astro strips away query parameters from endpoints if you're in a static rendering mode. So, unless you're using SSR for all your pages, you'll need to ensure that your endpoints are not pre-rendered.

What developers should be learning

Published on:

Many developers are learning frameworks and algorithms to keep up with trends — so they can continue to be employable.

That's one way of looking at things. But I propose another approach.

A Great Failed Experiment

Published on:

Couple of years ago (I forgot exactly when), I removed the dates that were preceeding the file names of my blog articles.

Data Table Accessibility in 2024

Published on:

A comment from Estelle Weyl sparked this whole article.

> I know the display property would override the native semantics of a table, like setting display: grid, but I am not sure if that is still the case."

(Emphasis mine).

This prompted me to do some research.

Found the Light

Published on:

After about a year (or two) of paralysis, I finally know how to move forward with Magical Dev School — particularly how I create courses and content.

Understanding and using npm exports

Published on:

npm exports lets you specify how users can import or require your files. (For instructions on using require, see below).

Invisible adversaries

Published on:

In Bravery, I mentioned I had a few fears.

These fears are real to me. They don't feel like the bogeyman that Seth Godin mentions in the Practice. If they are, perhaps I haven’t summoned enough courage to look them in the eye, enough to a point that they disappear, yet.

No more waiting

Published on:

When was the last time you waited for something?

Me? I hate to admit it. But the last time was today! (I've been waiting for my wife to watch a movie with me for MONTHS. And I eventually decided to stop waiting).