Year Review 2022

There was a lot of good web stuff released in 2022. I had a year of learning more than ever. Here is what I put live.

PFD

I couldn’t help but keep refining things here:

Individual transform properties (transform, rotate, scale) for my logo and featured image shadow detail to reduce repetition.
Replacing top, right, bottom, left with inset: 0, for the featured image shadows.
Larger work images have WebP sources and homepage thumbnail images have hi-res srcset.

I also added my product design degree work.

Brush Swap - When did you change your toothbrush? After revealing it in last year’s review (then called reToothbrush), I removed store.js for localstorage, added <dialog> confirmation and overhauled the design.
Continuing to improve Colordinates accessibility and added <output> tag.

Brush Swap, about my latest project, an app I built to remind me when my toothbrush needs replacing.
Elitricity, a dashboard of the UK’s energy grid use, updated to use Lit 2.0 components.
Updated HTML Memory Tested with more sightings. Its been great to see it appear in conference talks.

HTML Memory Test required tweaking to correct some tags after, remarkably, someone completed it! Now passed 30,000+ views and 100+ likes.
Word Mood, a tool that shows the positive versus negative words ratio in pasted text.
El-pine-tricity, a fork of e-lit-itricity using Alpine JS. Part of my X-tricity collection, displaying the UK energy grid via different JS frameworks.

Thanks for reading.

You can follow this blog via RSS. Or read my latest thoughts on Mastodon (@plfstr@mastodon.social).

Posted 29/12/2022