What's a Single-Page App?
The web development community talks a lot about single-page apps, but are we all on a single page? Here's my ontology of web app architectures, organized by rendering and navigation.
My Modern CSS Reset
A CSS reset I've been using for new projects.
Building a Single-Page App with htmx
People talk about htmx as though it's saving the web from single-page apps. Well, I guess I missed the memo, because I used htmx to build a single-page app.
A Local-First Case Study
How I built a local-first app for planning trips, and what I learned about the current state of the local-first ecosystem along the way.
The Web Component Success Story
Web components won't take web development by storm, or show us the One True Way to build websites. What they will do is let us collectively build a rich ecosystem of dynamic components that work with any web stack.
The Website vs. Web App Dichotomy Doesn't Exist
A one-dimensional spectrum can't sufficiently capture the tradeoffs involved in web development.
Web Components Eliminate JavaScript Framework Lock-in
Web components can dramatically loosen the coupling of JavaScript frameworks. To prove it, we're going to do something kinda crazy: build an app where every single component is written in a different JavaScript framework.
Frameworks Cover Up Skill Issues, And That's a Good Thing
The world is poorer when friable foundations lead to crumbling creations. But it is poorer still when we are so concerned with the foundations that we never create at all.
Web Components Will Outlive Your JavaScript Framework
If we're building things that we want to work in five or ten or even 20 years, we need to avoid dependencies and use the web with no layers in between.
Making CRDTs 98% More Efficient
State-based CRDTs grow monotonically, but that doesn't mean they can't be efficient. We'll learn how to compress the pixel editor state by 98%.
Building a Collaborative Pixel Art Editor with CRDTs
CRDTs sound cool, but how are they actually used? Let's learn by building a collaborative pixel art editor.
An Interactive Intro to CRDTs
CRDTs don't have to be all academic papers and math jargon. Learn what CRDTs are and how they work through interactive visualizations and code samples.
Building a Live Coding Audio Playground
Two weeks at Recurse went by fast! I started out trying to build an Audio Units extension and — in a classic yak shave — ended up building a live coding audio playground.
Starting at Recurse Center
Breaking character for a life update: I'm doing a batch at the Recurse Center!
An Extremely Simple React Starter Kit
If you’re worried about complexity in the JavaScript ecosystem, you might be sleeping on one of my favorite web development tools: esbuild!
Were React Hooks a Mistake?
People like signals because signal-based components are far more similar to class components than to function components with hooks.
Pathetic
The toxicity in the web development community needs to stop.
In Defense of Cargo Culting
Cargo culting is a pejorative term that means someone is using a technology or following a pattern without understanding why. The discussion tends to myopically focus on how well a particular tool fits a problem's engineering constraints.
Integrating My Blog with Mastodon
Turns out it’s pretty easy to set up an integration between your blog and the Fediverse!
A React Developer’s First Take on Solid
Although not quite there yet in terms of community, Solid and Solid Start are looking real promising.
Tailwind is a Leaky Abstraction
Although Tailwind does have some benefits, ultimately it’s just one more thing to learn.
That’s a Radish!
I built a static site generator! It’s called Radish.
Preserving the Web
jake.museum: an online collection of my web design and development work, from 2007 to the present day. But finding the source code was just the beginning. A lot has changed since 2007, and getting these old sites up and running again is not as simple as plopping the files on a server.
What Counts as Politics in the Workplace?
Basecamp says that "work is not an appropriate place to debate political issues". The problem is that the people on the other side aren’’t actually calling for debate. So let’s see if we can bridge the gap. What, exactly, counts as politics in the workplace?
30 Years, 30 Songs
Ever since I read Bob Nystrom’s 40 Songs, I knew I wanted to write a list of my own. I’ve been procrastinating on it for a while, but “30 years” slips further away as I inch closer to 31, so it’s time to buckle down and do it.
Things That Didn’t Kill My App
Distilling almost two years of running this thing into a single lesson is hard, but here’s my shot: the most important factor in SongRender’s success has been my consistent, incremental effort to grow it.
No One Ever Got Fired for Choosing React
If you spend a lot of time on Hacker News, it’s easy to get taken by the allure of building a project without a framework.
Tools and Services I Use to Run My SaaS
A stack teardown of SongRender.
What Is Censorship, Really?
Last week I posted about Section 230 and tech censorship. A couple days later, Glenn Greenwald was censored by his editors at The Intercept. What timing!
Taming the Tech Giants
The web was built with the promise of giving everyone a voice. We keep that promise not by forcing gatekeepers to play fair, but by getting rid of them entirely.
No More Politics in the Workplace
Criticism of the Expensify email is conveniently selective.
Giving Up Google
All the Google services I used to use, how easy it is to avoid them and what I use instead.
Blue/Green Deploys and Immutable Infrastructure with Terraform
The original deploy strategy for SongRender involved using Ansible to provision and build the application servers. I was unhappy with that process for a few reasons.
SongRender Turns One
It’s pretty awesome to be able to say this: SongRender, the music visualizer video app I work on, launched one year ago today!
Full Stack Ethics
We need to get real for a second. The money and data that we use to build "ethical" software often goes to companies that violate the very principles we try to embody.