Archive

Copy to Multiplayer Project
How I used Liveblock's Storage APIs to create a new feature.
Thursday, 19 May 2022
Reordering Part 2: Tables and Fractional Indexing
Implementing reordering commands (Send to Back, Send Backward, Bring Forward, and Bring to Front) in using fractional indexing.
Monday, 14 February 2022
Reordering Part 1: Arrays
Implementing ordering commands (Send to Back, Send Backward, Bring Forward, and Bring to Front) in an array of items.
Friday, 11 February 2022
Dead Zone Dragging
Improve dragging experience by adding a spooky dead zone, or a minimum distance before a shape will begin to drag.
Thursday, 21 October 2021
Perfect Dragging
How to drag shapes the right way. And yes, there is a wrong way! But trust me, this is the right way.
Wednesday, 20 October 2021
Fixing the Drift in Shape Rotations
A look at an obscure bug common to drawing programs, where rotations can cause shapes to move to new positions.
Sunday, 19 September 2021
Creating a Zoom UI
All the code you need to control a camera in a zoom-able, pan-able UI for an infinite canvas.
Thursday, 5 August 2021
Filtering an Object in TypeScript
How to filter properties from an object.
Tuesday, 3 August 2021
Figma's Interactive Components Were Not Designed For This
A survey of the bizarre prototypes designers can now make in Figma.
Friday, 5 March 2021
Making a Rotating Icon Button in React
A tutorial on building my this blog's theme-switching microinteraction.
Wednesday, 9 September 2020