A step-by-step guide to setting up a Lit project with Tailwind CSS.

Create a mosaic design using Tailwind CSS for my website. A bento-style layout with a flexible grid system.

Learn how to use design tokens to create Tailwind themes and how to use them for my website.

Exploring fp-ts, and some of the less used functions. In this lab we will look at some of the other functions in fp-ts that I don't use as often.

Exploring fp-ts, building off the previous application to create a more oure network connection.

Exploring fp-ts, building a practical example.

Exploring fp-ts, looking at some of the more practical examples.

Exploring fp-ts, and some of the less documented features or practical examples.

Recreating my CV timeline with D3.

Using the Brush from Visx; creating a timeline that is automaticaly moves with a set of controls to start and stop the timeline.

Creating an animated bee swarm chart using d3 and force simulation

Learn how to create a brushable timeline with Visx

Experimenting with using Leva as a GUI for tweaking interactions.

This is a continuation of the previous post on bubble packing.

Experiments to nest bubbles in bubbles with D3 force layout

Getting a feel for how to apply D3 force in React

Getting Started with rebuilding my website with MDX and Contentlayer

Learning to use Matter.js with P5.js

Create a timeline visualization of my CV

Learning to import P5.js into a React app

Creating examples for the Life of Plastic project to be used in the initial tutorial

Playing around with SVGs and anime.js

Playing around with SVGs and anime.js

Experimenting with SVG manipulation and animation in order to prepare for making the Life of Plastic project.