Making a Recursive Website
2020.01.04
2 minutes read

Every few months I waste a couple minutes trying to find fun or funny available domains on Hover. The sheer number of top-level domains available today has made this even easier. It was on one of these searches when I saw that “recursive.website” was available and at a promotional discount of only $5 for a year.

Well, maybe there are some programmers that could resist, but I am not among them. I bought that sucker up immediately. Now all that was left was to make something the URL could point to.

I decided to make a simple website with a big green button that, when clicked, sent you to the selfsame website. Because every new project, no matter how dumb or small, is an opportunity for learning, I decided to write this simple website in pure HTML/CSS.

I’ve made (and even been paid to make) websites in HTML before, but that was well over a decade ago. CSS had been introduced, but often felt like more trouble than it was worth unless it was a big project. In the intervening years, I relied on other tools like WordPress or Hugo (which generates this site), or approached web design from a primarily back-end view with tools like Flask. My web design skills were left to gather dust. So this silly little site was an opportunity to dip a toe back into it and see what’s changed.

A lot has changed. CSS no longer feels clunky and additional, but has become powerful and tightly integrated. When I stopped making web sites, positional organization was done with tables or even (gasp!) frames. The power and flexibility of positioning div elements is great, and I wish I had had these tools 15 years ago.

In the end, I managed to make my silly website look and function as I wanted. And I learned a little something along the way.

recursive.website


tags:  silly  recursion  html  web