For most of my projects I use my own, simple setup that takes a step back from large, JavaScript-based web apps. One limitation that comes with it is sharing state between multiple screens. My setup doesn’t do soft navigations by design, so it has to rely on localStorage, sessionStorage, and indexedDB for persistent states. That becomes cumbersome very quickly and I acknowledge that some projects absolutely benefit from reactivity and the automagic mechanisms, that the likes of Vue and React bring with them.

Setting up such a project can be tricky, especially if you don’t know the entire ecosystem of your chosen framework and simply want to get on with a little side project. Here’s how and why mine a wired together - from choosing a tech stack to implementing a persistent store.

This website first went online in 2004 as ‘psz-graphics.net’. It’s been through a lot, especially in its infancy. Let’s go back there from today and see how weird it gets…

I’ve been playing around with the WebAudio API. You can generate sounds from it. So I’ve built a synthesizer app with it as a weekend project. How hard can it be?

Reaching a 100% score in Lighthouses performance audit is just the beginning. We can go much further and even optimize for aspects that most automated audits don’t check.

Here are 7 Things I did to massively improve my loading and navigation times.

(Sloth by LillyCantabile)

Inspired by Ben Halperns discussion about webfonts, I decided to take a deep dive into the subject. What are Webfonts, where did they come from and how do we load them as fast as possible?

I don’t use one of the major frameworks to power my site. I instead opted to write my own - and in the process understand what a framework is and how it’s built.

That’s what you do under the Coronavirus Lockdown, right? Rebuilding your personal website.

I’d like to make a point for the separation of concerns in web development.

HTML is a language that’s been created for structuring and linking documents. CSS is for styling said documents. JS provides additional functionality. The three languages are heavily specialized to their intended use. They’re also really good in what they’re supposed to be doing.

But where’s light there’s also shadow. Straying away from their paths means you’d have to accept (or even mitigate) some disadvantages. Let’s take a look at some of those.