I like to write.

A little SVG + CSS animations driven loading speedometer.

The act of creating minimal reproducible examples will make you a better engineer, and drastically improve your chances of getting bugs fixed.

The UI math of zooming in while preserving focal point, covering a Linear Algebra approach as well as a more intuitive approach of window mapping.

My journey to find an ergonomic but productive keyboard for my software engineering purposes.

How to write a custom Astro route to generate Open Graph images for you based on your content.

For a couple years, my personal site has been built on Next.js. While in the process of adding a blog feature, I figured it was a good chance to migrate to Astro.

In this post I'll walk through Sanity Perspectives and how they've drastically simplified our live preview workflows.

Introducing GROQD: zero build step query composition, runtime validation & type-safety all declared in one place.

Vercel recently announced their AI SDK. I wanted to see just how easy it was to get up and running with this Vercel AI SDK and build something simple, but with some potential usefulness.

What we've learned building web apps using Sanity and Next.js App Router that is great for content authors and great for end users while rearchitecting our website.

Merely migrating to Cloudinary is saving us significant image bandwidth, which is great for our end-users and great for the world.

If you’re a designer or frontend developer, chances are you’ve happened upon hex color codes (such as `#ff6d91`). Have you ever wondered what the hex you’re looking at when working with hex color codes? In this post we’re going to break down these hex color codes and how they relate to RGB colors.

There are great native applications on the market for screen recording and editing. While tools like these include a whole host of powerful editing features, for short-form content that doesn’t require post-processing, they might be overkill. I wanted to explore how far browser technology has come in the way of screen sharing and recording, and attempt to create a tool that would allow me to quickly create short-form technical video content with a little bit of flare.

If you're a React Web engineer looking to build native mobile applications, React Native is a great choice. But it IS a little different. Here's where the paths diverge.

In this article, I'm going to discuss one of the aforementioned challenges of mobile app development with RN—building smooth animations and gestures—and a tool in the RN ecosystem, React Native Reanimated, that helps us take on this challenge without fear.

It turns out, React Native FlatLists can do a ton of cool stuff! In this post, we'll look at one of those things: building a carousel that has a fancy tilt effect.

I started working on a project for a client, that consists of creating web-based typing lessons. Part of the requirement was to create a non-interactive on-screen keyboard where the keys light up on keystroke.