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
Posts about Konva.js, the JavaScript library adding an object model and other super powers to the HTML5 canvas lib.
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
Konva - icons from web fonts like Font Awesome
In canvas apps we need to make buttons and use icons for other purposes. Font Awesome and its fellows are often selected by the boss as a critical requirement. They're easy to use with HTML elements and CSS, but what about the HTML5 canvas? Here's a way...
Members only
Konva - drawing arrows on a path
Ever needed to put a direction of flow indicator on some connector line? In this post I explain a simple approach to get that done.
Members only