Exploring possibilities of Tone.js
A deep dive into Tone.js synthesisers, envelopes, and effects - creating rich sonic landscapes in the browser
Posts
The new CSS type attr
Explore the new typed attr() function in CSS, which lets you use HTML attribute values as numbers, colours, lengths, and more for dynamic, data-driven styling.
The new CSS @function rule
Explore the new CSS @function rule—now available in Chrome—with examples, syntax, and practical use cases. Learn how custom functions and @scope can enhance your stylesheets as browser support expands.
JavaScript Array at method
A relatively unknown method to access JavaScript Array elements, the at() method
JavaScript Proxy objects
Explore how JavaScript Proxy objects enable powerful patterns for validation, logging, default values, and more by intercepting and customizing object operations.
Separating UI and Functional Data Dependencies in Vue
Learn how to cleanly separate user interface state from business logic in Vue applications using the Composition API, improving maintainability and testing.
Making long tests more readable with function composition
Improve test readability by extracting repeated steps into reusable functions
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
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