clubmate.fi

A good[ish] website

Web development blog, loads of UI and JavaScript topics

Currying in JavaScript

Currying explained simply with few examples. The name "currying", coined by Christopher Strachey in 1967 citation needed , is a reference to…

Build a simple, isolated demo component with Gatsby

Here’s how to build a really simple code demo iframe with Gatsby, which lives outside the site’s main CSS scope. The nice thing about static…

Highly reusable tabs with compound components

In my previous post I wrote about tabs. That post circles around the general logic and accessibility features of tabs, but the tab system…

Set multiple React refs in one variable

Storing multiple refs to an array or an object. You can use an array or an object to store React refs, depending on if you have access to a…

Accessible tabbed navigation with React

Modern and accessible tabbed navigation which spark joy in the user and in the dev. For tabs to be good it needs to achieve the following at…

Perfect iframe React component

Here’s a cool iframe component that loads fast, is accessible, and easy on the eyes. I’m thinking the iframe (Inline Frame) should have the…

Simplest way to style list bullets with Unicode characters

Here’s a simple way to style lists in CSS, without touching the HTML or adding SVGs. There’s tons of ways to make nice looking lists; simply…

Render a nested list with a recursive React component

When rendering deep lists, recursion is pretty much the only right way to do it. Recursive React components work like a charm. Deep array…

Some text shadow effects

Here’s some text shadow effects like outline, fake bold, and blurry text. The basic text-shadow syntax The length and the color values can…

Tmux cheat sheet

A searchable tmux keyboard shortcut and command reference. What is Tmux? Tmux is a terminal multiplexer. For example you can open a tmux…

  • © 2022 Antti Hiljá
  • About
  • All rights reserved yadda yadda.
  • I can put just about anything here, no one reads the footer anyways.
  • I love u!