Welcome to the New Goodbran Blog
Introducing the new Jekyll-powered blog with Mozilla Protocol design system.
All Posts
Thoughts on coding, music, and creative projects.
KidsUI: A Small UI Kit for Kids
I built a small UI kit for kid-friendly web projects because I keep needing cheerful, simple components for my daughter, her kindergarten, and a few educational apps I want to make later.
HomeAway: A Small CLI for Switching Wi-Fi Modes
At home I use a side router and manual Wi-Fi settings. Outside I need DHCP. HomeAway turns that repetitive macOS network shuffle into one command.
X API, POSSE, and the Cost of Automation
I wanted to auto-syndicate blog posts to X. Then I found out every API request costs money. Here's why that might actually be fine.
Basic Math Symbols for Primary and Middle School Kids
A simple guide to the math symbols kids see most often, grouped by grade level and category. Each symbol links to Wikipedia for deeper learning.
Moving Assets to Cloudflare R2
Stop committing MP3s and PDFs to Git. Serve them from R2 instead—zero egress fees, local development still works, and your repo shrinks by 30MB.
Discovering the Mutopia Project
A free library of public domain sheet music that fits perfectly into a code-first workflow.
From LilyPond to Playable Piano
We now compile LilyPond into sheet music, MIDI, MP3, and OGG, then play it right on the score page.
Adding Newsletter Subscriptions
A double opt-in newsletter for a Rails blog. Two models, two mailers, one rake task, and no third-party service.
Music Notation as Source Code
LilyPond turns plain text into engraved sheet music, and that makes it feel like code.
Why the Code Block Wouldn't Scroll
The code block had `overflow-x: auto` and still refused to scroll. The culprit was the grid item around it.
Continuous Deployment with Kamal
Push to main, deploy to production. The whole setup in three files and a few secrets.
Designing the Favicon
How two brackets, two AI tools, and a bit of stubbornness led to this site's favicon.
Markdown Syntax Showcase
A demo post showing the Markdown and KaTeX syntax supported by Perron and kramdown.
How does Javascript handles inheritance?
I have been programming javascript for years and for sure I used the inheritance features from js. But what a shame that I still don't understand it. And I would like to understand it more by the end of this post.
Nature of Code with d3.js
This post is a personal follow up to the book The nature of code. Instead of using p5.js from the book, I decide to use d3.js.
How to embed an executable server in macos
Recently I am trying to learn a bit macos development by building a shadowsocks client based on the existing rust library.
How to build a scalable application using Rails?
With the growing of your rails application, it is inevitable that more and more functions will be put into a single repo.
Using shadowsocks with utun interface
Shadowsocks could help to proxy the network traffic to your remote server. However, with the development of shadowsocks-rust, now it has a new mode which utilizes the unix tun interface feature.
Simple graphql query with ruby
Query GraphQL in ruby is easy. All you need is a library for HTTP post request.
Install luci-app-ssr-plus in gl-inet e750
This post shows you how to install luci-app-ssr-plus in you GL-iNET mobile router.
Serverless rails on google cloud run
This tutorial shows you a way to deploy rails on google cloud run and at the same time make the server warm all the time.