web

box-art.css

Today we’re onto something lighter again. A box-art/nfo-style css, in as part of experimenting with a new look for this blog. This is harder than it looks to do in CSS, but I enjoyed the challenge. This is also something the LLM’s failed quite hard, but at least claude wrote me a simple javascript page where I could tweak the parameters until it worked. Also.. I just found this, it’s just beautiful int10h.

Continue reading →

Selectively block webpages from hijacking shortcuts on a webpage

Do you like the new Brave/Chrome tab finder ctrl+shift+a but it’s conflicting with slacks shortcut for Open the All unreads view? If you use StopTheMadness (https://micro.blog/lapcatsoftware@appdot.net) then you can stop a webpage from hijacking any CMD shortcut (or any shortcut), but what if you want to allow the webpage to keep most shortcuts, but disable one? Add the following code to the custom-script part of StopTheMadness for the slack domain

Continue reading →

The hitchhikers guide to no-doomscrolling twitter Mastodon

First, this is the completionist solution. The goal of this is to read (or at least see) every toot from everyone you follow. This is based on a draft I made many years ago on how I use twitter (with Tweetbot, RIP) which I never published, but now with Ivory it felt relevant again. There will be no magic algorithm deciding what you see from a large pool of toots.

Continue reading →

Using WWWOFFLE to save a modern webpage for later

Every so often when you want to archive a webpage, you notice it’s full of dynamic content and javascript which won’t easily be archived. I was recently looking to archive a matterport 3D image. This is a typical website that won’t easily save using normal web-archivers, as it relies on javascript to dynamically fetch images as you move through the 3D space. One generic solution to capture something like this is to use a proxy in the web browser and save everything that passes through it.

Continue reading →

Conditional access using only nginx

Have you ever wanted to deploy a website to test that it works, without everyone else being able to see it? If you are using a dynamic language or CMS for your webpage (PHP, Wordpress or Ruby on Rails) there are straightforward ways to accomplish this. But what happens if you have a static webpage? Here I will present one solution using only a nginx config file to accomplish this.

Continue reading →

Usability > Security

Introduction The other day I wanted to use my noscript.it with one of my old iPhone 4S running iOS 6, but I was met with “could not establish a secure connection to the server”. Turns out it was because I had, out of habit, configured the server with a "modern" list of TLS ciphers. And the poor old iOS 6 didn't support any of them. So, I went on a mission to ensure noscript.

Continue reading →

Introducing PISS, a PHP KISS static page generator

There are lots of static page generators, I personally used Hugo and there like 100 others. But I had a project where I wanted something even simpler, and had a few requirements. I wanted to Write raw HTML/CSS Update things in one place only (e.g. don’t copy paste the menu to each html file). For 1, you don’t need anything other than an editor. 2 is where you need something more than HTML.

Continue reading →

lol what?

font-family: monospace, monospace

Is not the same as

font-family: monospace

I’m so happy there are other people who figure these things out. https://stackoverflow.com/questions/38781089/font-family-monospace-monospace