Posts

Proxy objects

JavaScript Proxy objects

The power of proxy objects in JavaScript

Array methods

JavaScript Array at method

A relatively unknown method to access JavaScript Array elements, the at() method

Separating UI and functional data

Separating the dependency of UI and functional data in Vue

Separating the dependency of UI and functional data in Vue

Proxy objects

Making long tests more readable with function composition

Improve test readability by extracting repeated steps into reusable functions

Gherkin syntax

Writing Expressive Tests with Gherkin and Vitest in TypeScript

Learn how to write clear, behaviour-driven tests using Gherkin syntax with Vitest and TypeScript, enhanced by AI-powered coding assistance.

How AI assistants have changed the way we search the internet

From Google's multi-tab searches to conversational AI assistants like Perplexity and Cursor, artificial intelligence has vastly transformed the way we find and interact with information online.

Diff notation test with Shiki

Testing Shiki diff notation transformer plugin

Schema validation in TypeScript

Implement TypeScript friendly schema validation easily with Zod

A bowl of food.
Ramen bowl

Quick Ramen

A very quick base recipe to use as a springboard to ramen heights (or depths depending on how you look at it)...

CSS glowing borders on hover

A bit of arsing about with CSS to make a button glow on hover using CSS custom properties and keyframes

CSS relative colour syntax

Exploring new proposal for adapting colours based on another colour's channels and values

One-time-password code input web component

One-time-code (OTP), PIN or code input boxes (like you see when logging into PayPal, etc.), a way of doing it with a single input but appears to have 6 separate inputs

Web components

A paddle in the shallows of web components, a deeper dive to come later

Making links more accessible

Making links more accessible for screen readers