A small set of privacy-first tools for makers, no logins, no bullshit. All run in the browser, no installation needed. Image converters, croppers, calculators (px to rem for example), QR code generator and more. Long live the handmade web.
Hi, I’m Phil Nelson, a writer, developer, and audio-visual maker of stuff. I have been making stuff online for over 25 years. I run RetroStrange and Set Side B. Good to see you.
Blog Archives
A small set of privacy-first tools for makers, no logins, no bullshit. All run in the browser, no installation needed. Image converters, croppers, calculators (px to rem for example), QR code generator and more. Long live the handmade web.
An honest-to-goodness 80s-style coder mag with HTML web apps you type out and run locally. It’s $10. Go forth and code.
Spent this lazy Saturday morning working on the EXFU002 web server, which hosts this very website. People ask me sometimes for advice on setting up servers, and aside from the standard security stuff (SSH on nonstandard port, fail2ban, no root login, key-based logins only…) I’ll be adding the info from guide from DigitalOcean. The guide is great at explaining some stuff about swap files, swappiness, and cache pressure that I did not know despite my decades of experience here. Mabye you’ll learn something, too.
Read: How To Add Swap Space on Debian 11 (Digital Ocean)
This is an incredible webpage. Art project, blog post, expose, a shout into the void all at once.
Over on RetroStrange, we’ve launched a new project for the community: The GIF Gallery. When we add media to the RetroStrange catalog, we also run a script that generates 7 GIFs from the media in question, then another script creates individual HTML pages for each item in the catalog. We’re excited to share it with you!
No watermarks, no bullshit. Feel free to use these for any purpose.
Visit: The RetroStrange GIF Gallery
This weekend I did some work on RetroStrange infrastructure and scheduling.
RetroStrange TV (our 24/7 streaming TV channel) which is now fully autonomous and publishes notifications to Twitter when each show or movie begins with the #RSTV hashtag. You can find my TV station code on GitHub. The current setup of two Linode 4GB servers this should provide us with enough space and power to run it basically forever at $40/month. Support via Patreon appreciated.
The next RetroStrange Movie Night is November 23rd and we’re showing film noir classic D.O.A. (1949) see the Facebook Event.
The other big RetroStrange feature is the StrangeLine. I’ve set up a phone number you can call for various RetroStrange stuff. Right now you can call to get info on the next Movie Night, or listen to the Skulking Permit by Robert Sheckley as heard on LOFI SCIFI. We’ll add and change up the content regularly, so go ahead and give (814) 787-2643 (that’s 814-STRANGE) a call.
How do you make sure your annoying popup is shown on top of every other element in the page, when you don’t know how many there are, who wrote them, and how bad they wanted their elements to be on top? That’s when you set your z-index to 100, or maybe 999, or maybe, just maybe 99999 to be really sure yours will win.
That, at least, is how I write my CSS. In the rest of this post, we will look at millions of z indices to see what everyone else does.
Of course, if you make websites for a living you’ll find this interesting. Like most things available here.
Neat tool for drawing cutesy vector shapes:
Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
There’s a lot of nuance to this, too. For example, there are 5 distinct fill styles (hachure, solid, zigzag, cross-hatch, or dots) and it supports Web Workers with the optional Workly library.