Embedding editable code into Vite-press and custom containers
My journey to linking JSFiddle live cod samples into my side-project docs VitePress site with custom container via Mardown-it.
This is a tech blog for the JavaScript Konva 2D canvas library. There's over 70 posts pitched for beginners, experts, and experienced developers covering concepts, how-tos, techniques, practices, experiences and opinions.
Most posts are members-only - it's free to sign up and I'll never pass on your contacts so join in and see whats on the other side of the wall - it'll be worth it.
Most posts are members-only - it's free to sign up and I'll never pass on your contacts so join in and see whats on the other side of the wall - it'll be worth it.
Vibe coding is not all its made out to be
I've been vibe-coding - meaning using an editor with a built-in AI interface as a coding assistant - and here's a recent experience with Windsurf editor and GPT 4.1 that shows why coding with an Ai assistant is not the bed of roses it is said to be.
Vite - a script for quick template-based project scaffolding
This script gives me a consistent start for a new project, with my standard logging, utilities, and other things I rely on and would otherwise copy and paste from previous projects.
Konva - Using Windsurf editor with Cascade AI - experience so far
Probably like all devs I'm wondering what my future holds now that AI is meant to be able to code like a dev guru mainlining sugary beverages. I'm dipping my toe in with Windsurf and Cascade. Should I be thinking about a new career? Here's my experience so far.
Members only
Konva - scribed rect onto rotated, translated and scaled layer
We've probably all made a mouse-driven selection rect. But what about when the layer has a transform applied - maybe it was dragged, or perhaps scaled at a point via the mouse wheel. But now the rect is all wrong. How to fix that...
Members only
Konva - finding the center of the current view
Your app allows zooming and panning and now you need to find the center of the current canvas view to add a new shape. How do you do that...
Members only
Konva - detect background clicks
Your UI needs some way to let the user defocus from some selected element, maybe hiding the transformer or closing a popup. How to do that easily?
Members only
Konva - zooming the stage but keeping 1:1 scale on specific shapes
I was fiddling with a simple toolbar when I changed the scale to 2x. Suddenly my toolbar is huge - not what I needed. So how to keep one shape at 1:1 scale while all around it change their size? Read on...
Members only