Daniel Schulz articles - 25 total
View Transitions outside the Viewport
CSS View Transitions have landed in Chrome and are (for better or worse) widely available to most end...
Building a MIDI instrument in TypeScript
I recently put some work into my web synthesizer and even gave it its own domain at jssynth.xyz. I...
Ssstyles - a classless stylsheet
I really like the idea of a classless CSS stylesheet that can be applied to just about any website....
View Transition API
The view Transition API is probably one of the most exciting new CSS mechaninsms. It's currently only...
The language that grew up with me
You know those kid’s bikes that you can upgrade from a balance bike to a something that will take...
Not knowing things
Chris Coyier updates his stance on his Great Divide theory: "Since there is too much for any web...
From Notion to Eleventy, but faster
I don’t usually do multipart posts, but this one grew a bit after I published the initial article....
From Notion to Eleventy
Static Site Generators are a great tool to generate a JAM Stack website from a data feed. That feed...
Writing a Game in Typescript
I know people make all kinds of stuff with <canvas> but that's all black magic to me. Time to...
Web Technology as a Spectrum
Josh W. Comeau talked on Twitter about no-code solutions, specifically for CSS, and how they impact...
Writing Logic in CSS
CSS is a highly specialized programming language focusing on style systems. Because of this unique...
A Colorful Textarea
Adding syntax highlighting to an input field can be a hard task. <textarea> supports neither...
Lights Out! - Overengineering a Dark mode
With the upcoming launch of the redesigned Safari themes are all the rage. It's not a new feature....
Scaffolding an App with Vue 3, Nuxt and TypeScript
For most of my projects I use my own, simple setup that takes a step back from large, JavaScript-base...
Building a Synthesizer in Javascript
I've been playing around with the WebAudio API. You can generate sounds from it. So I've built a...
7 things to improve my website's performance
Reaching a 100% score in Lighthouses performance audit is just the beginning. We can go much further...
A deep dive into Webfonts
(Originally posted on my blog: https://iamschulz.com/a-deep-dive-into-webfonts/) Inspired by Ben Hal...
Frameworking my Site
I don't use one of the major frameworks to power my site. I instead opted to write my own - and in th...
Rebuilding my site with Hugo
That's what you do under the Coronavirus Lockdown, right? Rebuilding your personal website....
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 applicatio...
In Defense of the Separation of Concerns
I'd like to make a point for the separation of concerns in web development. HTML is a language that'...
🎞️ Animation for Developers
This is going to be an article about motion in Interface Design. You'll hear me rambling about the im...
Colorful Avatar Bubbles
Create avatars with automatically generated colors from a username
Let's write an SPA in CSS
Build a Single Page Application without Javascript in pure, fresh CSS
How do you document code?
Discuss how to properly document code