Can someone explain to me this TypeScript error? The compiler already knows that the branch in the end never runs, so why does it still complain that it does not always return? Is this a bug or limitation of TypeScript? 🤔

Knight's Tour on a 16x16 board. It's so satisfying to watch, in particular the last few squares. (This is part of a collection of JavaScript exercises I have been compiling.) Warnsdorff's rule FTW.

TIL The less AI I use during coding, the more fun and rewarding it is.

When facing a coding problem that you simply cannot solve, even after several attempts, what do you do? I just start a new project. Feel free to ask me for more advice how to ruin your life.

What I never understood about Prettier is that it accepts different indentations of an object. This makes the formatting inconsistent. I assumed Prettier's job is to be opinionated about that? I don't even want to think about which version is better.

Slidorus is a torus-shaped twisty puzzle I made for the browser. Play here: slidorus.xyz Pieces move on a 9x9 grid, whose rows and columns can be shifted in either direction. Bandaging of pieces and rows makes the puzzle much more challenging. There is also a selection of preconfigured challenges.

This guy always stays in the middle of the screen. I had no idea that this is possible. Now this opens up some possibilities ...

New blog post: Let users decide! - Why web developers should stop making assumptions about user behavior scriptraccoon.dev/blog/let-use...

Me, everytime I open the DeepL website. Or any other website that forces light mode onto me.

Changing ChatGPT's personality type in the settings was a game changer for me. I set the personality to "Robot" and added some further these instructions asking ChatGPT to just give me the info I need. help.openai.com/en/articles/... 1/2

Going inside the torus that I have shown recently. This is made with only CSS.

I just made a 3-dimensional tiled torus with #CSS only. 😀 Another showcase of how powerful CSS has become. Codepen Link: codepen.io/scriptraccoo... Did Amit ( @amitsheen.bsky.social ) already do something like this? Probably! This torus is part of a browser game I am working on.

This plus symbol 😳

When you login to an app / website on a new device and it doesn't ask you to verify the device via a code sent by email, what do you think about the app? I immediately think that this app has low security standards. Maybe I am exaggerating, though. I'm glad it's becoming the standard.

Simple Versatile Elegant Lightweight Tiny Effortless ... or ... Repetitive Entangled Awkward Complicated Tedious Choose your framework wisely

Dodecahedron with pure, 3-dimensional #CSS 🤹 codepen.io/scriptraccoo... For extra fun, you can even go inside!

Octahedron with pure CSS :) 📎 codepen.io/scriptraccoo...

I never really got on with #Svelte snippets. I prefer the design principle of one file for one component (KISS). Every time I used a snippet, I soon regretted it and either created a component or inlined the markup. I think this always improves the maintainability of the code. But maybe ... 1/2

In meinem neuen Video gibt es einen detaillierten Vergleich zwischen #svelte und #react. Wir programmieren dazu dieselbe Wochenplaner-Anwendung mit beiden Frameworks. Zwar sind die Konzepte dabei sehr ähnlich, aber die DX ist bei Svelte wesentlich besser. youtu.be/ddBVFid2e2E

CSS has come a long way! It's such a powerful language! It has so many features! Meanwhile, developers making a button for a cinema reservation page:

I assume I make a lot of mistakes when writing English, as it's not my native language. (Can be confirmed easily by pasting one of my texts into Grammarly.) Do native speakers find this cringe-worthy? What do you think about mistakes by non-native speakers?

Shoutout to @amitsheen.bsky.social who just joined this platform 🎉. He creates the most amazing real-life CSS animations out there. Give him a follow and be amazed about the capabilities of CSS! Example: codepen.io/amit_sheen/f...

This urge to immediately close a website that has no dark mode but unfortunately has information you need right now ...

Don't. Really don't. Copy paste ChatGPT text to your landing page. It's easy to recognize for readers. It makes a bad impression. Don't have someone to actually carefully describe your product in their own words? Then why should I trust your product? I see this everywhere these days.

Programming these days: Tab Yeah looks good Tab Yeah looks good Tab ... wait a minute Rewrite everything

Quick animation with HTML canvas. Code: codepen.io/scriptraccoo...

Idea for a social media app: users can filter the amount and degree of negativity they want to have in their feed. I believe that many health issues are caused by an enormous amount of negative news we consume all day. Not to say they are not important. But too much is too much.

Me: this app is so simple, I just will use HTML, CSS, and Vanilla JS. Me, 20 minutes later: ok this is so awkward I should have done this with Svelte as usual.

I have been cooking something: Raw SQL with generated types! 🪄 The database tables and queries in a folder are scanned to statically generate types for a query function. I don't like ORMs and query builders, but didn't like the type casting with raw SQL either. This might be a good alternative. 1/2

Not the autocompletion I wanted from Copilot, but a good one indeed. @vscode.dev

Don't just show generated passwords. Animate them! 🪄

Don't overuse zoom ins and outs in your educational videos. They are distracting, to say the least. The movement is too overwhelming for me. I get lost. I always stop such videos. To emphasize an element, consider adding an outline or an arrow. Think of people with motion sensitivity. #a11y

I came around a nice use case for the svelte:element component, which I never needed before. We show the preview of some entry, which is a link to the edit / details page when the user has sufficient permission, and otherwise a plain div. (Of course, check permissions also on the server.) #svelte

With #SvelteKit you can build applications easily without any client-side JavaScript. I made a demo with 5 examples. sveltekit-forms.netlify.app All the logic is happening on the server in load functions and form actions. Use native HTML forms and you are good! Code: github.com/ScriptRaccoo...

To encode the state in the URL is such a basic but powerful paradigm. Not long ago I would have probably declared a Svelte or React state for everything, say, for the current date in a calendar app. It's better to use the URL like /calendar/2025-04-26. Then access the date in the load function. 1/2

For fun I built a Twitter clone with #SvelteKit from scratch. It has all the basic features (auth, posts, replies, likes, follows, profiles, etc.). Of course it's name must be "Twelte". github.com/ScriptRaccoo...

First time for me to implement basic file upload and storage in a SvelteKit app. The only issue is that there are soooo many options and services to choose from, also depending on how much control and which features you need. I tried Uploadthing, seems good, but I have no idea if I will regret it. 🤔

I had a weird TypeScript error in my Svelte component which didn't make any sense to me. Several attempts to fix it, no clue. I was ready to bug report to the Svelte repo. Well guess what happened. I simply forgot to return the required variable in *one* of the 10 error handlers of the form action.

Such a beautiful fractal :) codepen.io/scriptraccoo...