2004 - 2021: Retrospective
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…
![The DeLorean Time Machine from 'Back to the Future' with its wing doors opened and a glowing flux capacitor]()
to article![The JSSynth logo over an 80s laser style background]()
Building a Synthesizer in Javascript
to articleI’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?
![A sloth riding a rocket through space]()
7 Things to improve my Websites Performance
to articleReaching 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)
![The word Fonts splashing into water]()
A deep dive into webfonts
to articleInspired 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?
![The text 'Framework' being centered in a frame]()
Frameworking my Site
to articleI 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.
![The iamschulz logo superimposed to the hugo logo]()
Rebuilding My Website
to articleThat’s what you do under the Coronavirus Lockdown, right? Rebuilding your personal website.
![Man in a racing wheelchair going so fast the background blurs]()
7 habits to get into an accessible mindset
In times of crisis like the one we’re facing now it’s more important than ever to make our applications as accessible as possible. People rely on getting information from the apps and websites we design. Not being able to get a certain information because of poor network connectivity, weak hardware, or (most commonly) some stupid design mistake can be critical. What most of our workflows right now are optimized for is MVP-and-ship.to article![The logos of HTML5, CSS3 and Javascript hovering over a myriad of framework icons]()
In Defense of the Separation of Concerns
to articleI’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.
![King Julien moving it]()
Animation for Developers
This is going to be an article about motion in Interface Design. You’ll hear me rambling about the implications of animation, when and what to animate, and how to be responsible with it. None of what I say is set in stone. I’ll just try to give some general advice for handling animations in UI. However, you won’t find any actual code snippets or step by step tutorials here. Before we start: Being a web developer, I talk a lot about websites, but this can be applied to all kinds of visual UI.to article![Colorful Avatar Bubbles]()
Colorful Avatar Bubbles
to articleI’d like to share with you a handy little code snippet that creates Material Design-like User Avatars. I want to color code my users, so each name has to have a unique color. I’ve seen some lazy approaches that assign a color to each letter of the alphabet, but I want to include numbers and non-latin characters as well. So we need to find a way to support the whole unicode table.
