Hui

Latest Articles

Why Is My Canvas Blurry?
Dev

Why Is My Canvas Blurry?

I've been digging into interactive canvas lately. The first problem I hit was: why does everything I draw look blurry? The usual answer is "multiply the canvas size by devicePixelRatio". That's correct, but in practice it only gets you halfway. This post walks through what I found. Two kinds of pixels DPR (Device Pixel Ratio) is the ratio between physical pixels and CSS pixels, exposed as window.devicePixelRatio. * Physical pixels are the smallest light-emitting dots on the screen. * CSS

Me

My Daily Workflow: How a Simple Note Habit Became My Second Brain

I've been doing this every single workday since 2022, and it's the one habit I'd never drop. Back then, I was juggling multiple projects, meetings, and tasks at the same time. I needed a system not just a to-do list, but something that could hold my entire workday: what I planned, what got in the way, what I learned, and what I didn't finish. That's when I started building my daily note. The Template Every day starts the same way. I open a new note with a fixed structure: ## Todo ## Unplan

Browse by Category

Why Is My Canvas Blurry?
Dev

Why Is My Canvas Blurry?

I've been digging into interactive canvas lately. The first problem I hit was: why does everything I draw look blurry? The usual answer is "multiply the canvas size by devicePixelRatio". That's correct, but in practice it only gets you halfway. This post walks through what I found. Two kinds of pixels DPR (Device Pixel Ratio) is the ratio between physical pixels and CSS pixels, exposed as window.devicePixelRatio. * Physical pixels are the smallest light-emitting dots on the screen. * CSS