Explainer: The basics of this site

The architecture of this site is intended to keep your browser does, as easy as possible.

The pages are all independent, common elements are included using the features htmx and some UX flare with view transitions. At time of writing, the view transition API is not available on firefox. This should only really manifest as some UI content flashing into the page late sometimes.

How does it work? Well, the sidebar is a HTML fragment that is loaded directly after the page first loads and the content swapped in. Of course, when the browser caches that sidebar fragment, this is barely even noticeable but it is noticeable. That's why the view transitions API is used. It gives me a bit of a geocities feel and masks the load of the sidebar a bit on a cold load.

The beauty of HTMX though is that you don't need any complex infrastructure to make use of the patterns it enables. This site has no dynamic server rendering, the fragments are just deployed and statically hosted with the rest of the site. Check the sidebar fragement code.

Try clicking the button for a simple trick. A trick?