For...Web Dev & Fun
When I’m done with a long day making Web apps and writing code, I like to relax by coming home and making more Web apps and writing more code. Go figure.
For all that and more, take a look at my CodePen and GitHub pages, or start with this guide to some of my various projects. Here are some notable snippets and side projects I’m working on.
CSS and SVG tricks: CodePen
My CodePen is where I experiment to solve problems, think up tricks, and make examples to pass along on message boards.
Retro text mode stylings
Go old-school with classic PC text mode stylings.
Experiments with scanlines
Nothing says techno like CRT scanlines. Effects made using SVG filters.
Compare and Explain: Monochrome Filters
A demo and walk-through of some ways to make monochrome effects for CSS and SVG filters. Originally made to answer a messageboard question, but it’s a decent reference.
Black-and-white Dither Effect
If the Mac Classic taught us anything, it’s that two colors are enough for anyone. CSS SVG filters.
Color Dither Effect
Okay, if two colors don’t cut it, surely 256 will do.
CSS-only stopwatch
The worst way to make a stopwatch. Uses only CSS animation.
ASCII-art SVG Filter
A roundabout way of simulating ASCII art with SVG filters.
Find these and more at my CodePen.
Tools and Projects: GitHub
GitHub has my more substantial projects and Web Dev undertakings (a few are actually finished!). There’s a lot on there, but here’s a taste:
Yet another Python ANSI color coder
Just what the world needed, right? You’ve got to admit that the chaining is nice, though.
Vue Retro-Window Environment
Browser-based faux windows with classic themes from DOS, to Mac Classic, to Windows 3. Still a work in progress. (Who knew that to simulate a window manager, you’d need to write most of a window manager?)
Fake America: Places and radio stations
Boost your fiction with these fake but plausible US place names and radio call signs. (A Web interface for this one is in the works— stay tuned!).