Scroll to top



1 comment: click to read or leave your own

I was messing about earlier and thought: "how would it look if pages on the site faded from one to another when clicking a link?"

It's not a true transition but I've added a function to window.onbeforeunload to change the opacity of the page body from 1 to 0 in 0.3 seconds. This way the old page fades out before the new ones opens.

There are a couple of places where it doesn't feel quite right (especially around marking items as read in /reader) but it's a fun experiment.

If I was feeling adventurous I could do something clever with HTMX to load pages to a container div and actually have them fade in and out properly but that would mean changing almost every page. I can't be bothered.

Maybe I'll do a proof of concept at some point.

Maybe I'll just get fed up of the whole idea and remove it.

Leave a reply

You can also:

Reply by email Reply by email Send a webmention Send a Webmention

Colin Walker Colin Walker