Some thoughts and guides on things
Shipping a component library that LLMs can actually read
How we used AGENTS.md files to make a shared React component library discoverable and usable by AI coding assistants — and shipped the docs right inside the package.
Warping 3D scenes with shaders
Warping effects with post processing
Infinite looping React component
A look into how flexible and useful stores can be in Svelte. Simple stores, custom stores, stores of stores - there's a lot of options out there.
Continuous animated gradients
Exploring how to create a single animated gradient that works across a bunch of HTML and SVG elements.
Creating animated chickens with zdog
If you need something simple and easy to set up, zdog might be what you're looking for. It's round, flat, and fun to use. Find out how you can use it!
Building dapps with Starknet React
Need some content to repeat across the screen and endlessly loop round and round? In this blog post, I take a look at how to create an infinite looper with React JS and CSS animations.
Using custom Svelte stores
A look into how flexible and useful stores can be in Svelte. Simple stores, custom stores, stores of stores - there's a lot of options out there.
Swirling shader scene
Glow through glass, using three.js MeshPhysicalMaterial and shaders
A sceneful of shaders
Building a scene (mostly) only using shaders.
Swirling shader scene
Creating a swirling liquid looking interactive scene with shaders.
Moving things around - gyroscopes, mousemove, and perspective
Movement is a great way to add some life to your UIs. Let's take a look at how to do that with mousemove and device orientation events, and CSS perspective and transforms.
On demand ISR with Next.JS and Sanity
We’ve been exploring smarter ways of updating static sites. With Next.JS’s on-demand ISR and Sanity CMS, we can keep content up to date and build times down.
Using slow motion to make better CSS animations
Using slow motion to make it easier to coordinate CSS animations
Smooth motion with three.js and Threlte
Creating 3D scenes in the browser is a rewarding and fun task, but it's also challenging. Let's take a look at creating movement in Threlte and three.js
Spotlight effect with JS and CSS
Spotlight effects can be a pretty creative way of revealing content on your website. And they’re surprisingly easy to create with a little JS and CSS!