Posts tagged “js”:
html-bin, an embeddable codebin widget
I like to post little code toys on this site from time to time, in lieu of putting a full demo out on its own page. Some of the older demos were hosted on Glitch which was great because you could live edit things! Alas, Glitch is ending its project hosting. I also for a bunch of years have had a scratchpad codebin for quickly dashing out ideas. I've been looking for something in between anyway, and Glitch shutting down pushed me to make something to split the difference. I decided to write it up as its own little open source project for others if they find it useful! read more
How to know when content has changed in CodeMirror v6
Building a new version of an editor widget, and trying to use the latest CodeMirror (v6.x), and I'm finding the documentation light on useful examples! After a bunch of searching I'm documenting what I figured out here for posterity. If you want to run code whenever the content of a CodeMirror v6 document changes, here is example code: read more
A Little Landscape Toy
Been a moment since I've posted! Got a bunch of ideas at like 60% polish, so I figure I'll post a work in progress. Here's a little toy that came out of "hey can I do isometric graphics using CSS for layout?" The answer is: yes, and it's gnarly: read more
Image Recycler
Done with that worn-out old JPEG? Dusty PNG? Why not recycle it into a new image! read more
How potch.me Works
I claimed at some point I'd talk about the code that powers this website, and seeing as it recently underwent a minor renovation, now's as good as any a time to pop the hood! I, like so many developers, suffer from the "roll my own" website affliction. This is a chronic, and often terminal, diagnosis; but largely benign overall other than the deleterious effect on post rate, as the temptation to tinker is right there. I think one's own online home is a great testbed for trying things out, provided the end state is a good DX for yourself to use. Alas, the cobbler's children are frequently unshod. For evidence, see also: this website. read more
range-num, a useful little web vanilla web component
I'm working on a few small demos and a thing I often find myself needing is a
combination input[type="range"] with some sort of label, or even
an input[type="number"] showing the same value. I decided to
package those together in a tiny vanilla web component called range-num,
and I've made it publicly available via
npm and
github.
read more