Web tools
Small utilities that do one job in the browser: checkers, converters, visualizers and testers. Open the page, use it, close the tab.
No account needed
What ends up here
Four kinds of things leave this bench.
Client work lives at webstuff.com. This site is for the projects we start ourselves, usually because we needed the thing and couldn't find a good one.
Reference sites
Open, well-organized sites about a single subject, built to be browsed by name, read on a phone and cited by people and AI assistants.
Structured data built in
Products
Builds that outgrew the bench. They started as something we made for our own team and turned into software other people sign up for.
Free plans where we can
Experiments
Prototypes, mockups and odd ideas we wanted to see working. Most stay small. A few become one of the other three.
Expect rough edges
How builds move
Every build carries a stamp.
The stamp tells you where a project stands before you click into it, so you know whether you're looking at a sketch or something you can rely on.
Stage 1
Sketch
An idea with a mockup
A single page showing what the thing could be. Good for feedback, not for daily use.
Stage 2
Prototype
It works, mostly
Real data and real features, with gaps we already know about. Try it and tell us what breaks.
Stage 3
Live
Ready for anyone
Launched on its own address, tested on phones and desktops, and indexed for search.
Stage 4
Maintained
Kept in working order
We keep it updated, fix what breaks and add what people ask for. Most live builds end up here.
House rules
The spec every build is cut to.
We build websites for a living, so our own projects follow the standards we'd hold a client site to, and a few stricter ones.
Runs on plain hosting
Plain files on ordinary web hosting. No build pipeline and no special server to keep alive, so a project still works years after we stop touching it.
Build step: noneLight on the wire
As few dependencies as the job allows. Graphics are drawn in code where possible, so pages load quickly on a weak signal.
Deps: minimalPhone first
Every layout is checked at phone width before desktop. Nothing scrolls sideways and nothing needs a mouse.
Min width: 360 pxReadable by machines
Semantic markup and structured data on every page, so search engines and AI assistants understand what a project is and can point people to it.
Schema.orgUsable by everyone
Keyboard navigation, visible focus, readable contrast in light and dark themes, and motion that stops when you ask it to.
WCAG 2.2 AA targetWant something like this for your business?
The same team builds websites, web tools and search strategy for clients. That work lives at WebStuff.