Webdev

Blog posts about web development.

Recreating the Matrix Effect

How to build a Matrix-style background in pure HTML, CSS, and JavaScript.

Running a Ruby on Rails Application in Nix

A minimal configuration for running a Ruby on Rails application in Nix

Cloudflare Stream

How to use Cloudflare Stream to host videos for your website.

Get started with 𝕏 AI and Grok

An introduction to 𝕏 AI and the Grok foundational models, with sample code.

Workers GraphQL Server v2

Showing off some updates to my workers-graphql-server project.

How I Record Videos

A description of my process for recording videos for software developers, in 2024.

Tailwind Child Selectors

How to use child selectors in Tailwind CSS 3.1+.

Workers Entrypoints

A Cloudflare Workers application can have multiple entrypoints, allowing for different usage patterns.

An introduction to Cloudflare Workflows

How to get started with a great new feature in Cloudflare's developer platform.

Announcing the Astro Cloudflare Redirects integration

A plugin for Astro to automatically generate redirects using Cloudflare's _redirects file specification.

Recommended Icon Libraries

A rundown of three icon libraries I recommend for React/webdev projects.

Building an indexer

An open-source solution for indexing your site.

The Astro Rewrite

Migrating my blog from bearblog.dev to Astro.

ShipFast Vulnerabilities

A look at the vulnerabilities in ShipFast.

The McMaster-Carrification effect

Improving this site with tweaks inspired by McMaster-Carr.

Releasing my bearblog Chrome extension

A Chrome extension for navigating bearblog.

Defer Loading CSS with One Line of Code

How to defer CSS loading with one line of code.

Increasing Lighthouse Score to 100

Some performance tricks for improving the Lighthouse score of this site.

Understanding Astro's getStaticPaths function

How to use one of Astro's most powerful features for static site generation.

An Introduction to Astro's Content System

An in-depth look at how to use Astro's powerful content system.

How to Add Cloudflare Turnstile to Your Ruby on Rails Application

Adding protection to your Rails app with Cloudflare Turnstile.

The big bearblog syntax highlighting hack

A terribly convoluted way to add syntax highlighting to bearblog.

Just enough Zustand

An introduction to Zustand, a great state management library for React.

Deploying Astro Applications to Cloudflare

Details on how to deploy full-stack Astro apps to Cloudflare.

Shadcn/ui review

A quick review of an excellent React UI library.

Full-stack development is a superpower

Developers: invest in full-stack development skills.

What comes next after simple chat UIs in AI?

A look at the next step in developing with AI.

Quick review of Zellij

Reviewing a modern terminal multiplexer.

ShipFast and the world of starter kits

What is the value of a starter kit for builders?

A great usage of QR codes in the real world

A look at how I built tools for managing my home using QR codes.

Authenticity and producing content as a Developer Advocate

Some unstructured thoughts on working as a Developer Advocate in 2024.