Works in Progress

Whimsica11y

A lot of hobbyist websites are not very accessible, but, many of them actually do want to be more inclusive, while also finding themselves bewildered by the advice and resources available out there. This is my attempt to be helpful. Very much a work in progress!

No class CSS

This started off with an idea about being very lightweight - and then I added colour themes and then I got stuck for far too long styling the range slider. Definitely needs a revisit!

Basic website

This was imagined to be a new redesign of this site, or a less slidey tabby version of this one. Ideally it would be more elegant,somehow.

I'm not sure I'm managing it, it's very much on the back burner! I love the display font though: Ships Whistle <3

The making of

I'm attempting to write up how I made this site's gimmick work. But, I started improving how it's done as I went along, meaning I really ought to incorporate said improvements back into this site, and lost momentum 🤦

Slide deck

I gave this talk on CSS property color-scheme, and tried to share the powerpoint presentation afterwards - which had a horribly inaccessible accessibility mode. So I started making my own.

There's a nearly invisible button at the bottom left, which toggles a document vs. slideshow mode.

Update! Slide deck mk II

I managed to refine and extend this a little - it's very janky so I'm unsure it's finished - but it worked well to present at the 11ty conf, and the reading version can be found via the same button or by adding /#doc to the end of the URL.

Copyable websites

I had this idea that the code involved in making a simple website could be commented well enough to guide people into tinkering with it more, so they learn fom the ground up. I have made two attempts at this:

LinkFae - a sort of fancy linktree type site, inspired by James Hoffman's website.

Website boilerplate - a proto-blog style starter page.

Thinking about:

Setting up themes for the 11ty base blog.