Script Raccoon
@scriptraccoon.dev
π€ 124
π₯ 60
π 152
Mathematican, Software Developer, YouTuber, based in Berlin.
https://scriptraccoon.dev
pinned post!
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.
loading . . .
28 days ago
1
0
0
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? π€
2 days ago
1
3
0
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.
loading . . .
5 days ago
0
0
0
TIL The less AI I use during coding, the more fun and rewarding it is.
10 days ago
0
0
0
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.
14 days ago
0
2
0
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.
25 days ago
0
1
0
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.
loading . . .
28 days ago
1
0
0
This guy always stays in the middle of the screen. I had no idea that this is possible. Now this opens up some possibilities ...
loading . . .
about 1 month ago
1
0
0
New blog post: Let users decide! - Why web developers should stop making assumptions about user behavior
scriptraccoon.dev/blog/let-use...
loading . . .
Let users decide
Why web developers should stop making assumptions about user behavior
https://scriptraccoon.dev/blog/let-users-decide
about 1 month ago
0
7
4
Me, everytime I open the DeepL website. Or any other website that forces light mode onto me.
about 1 month ago
0
0
0
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
about 1 month ago
1
2
0
Going inside the torus that I have shown recently. This is made with only CSS.
loading . . .
about 2 months ago
0
0
0
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.
loading . . .
about 2 months ago
2
2
0
This plus symbol π³
5 months ago
0
2
0
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.
5 months ago
0
0
0
Simple Versatile Elegant Lightweight Tiny Effortless ... or ... Repetitive Entangled Awkward Complicated Tedious Choose your framework wisely
6 months ago
2
3
0
Dodecahedron with pure, 3-dimensional
#CSS
π€Ή
codepen.io/scriptraccoo...
For extra fun, you can even go inside!
loading . . .
6 months ago
0
0
0
Octahedron with pure CSS :) π
codepen.io/scriptraccoo...
loading . . .
6 months ago
0
1
0
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
6 months ago
1
1
0
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
loading . . .
Svelte vs. React - Vergleich der JavaScript Frameworks
YouTube video by Script Raccoon
https://youtu.be/ddBVFid2e2E
6 months ago
0
3
0
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:
6 months ago
0
0
0
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?
6 months ago
1
1
0
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...
loading . . .
Table tenniCSS
...
https://codepen.io/amit_sheen/full/PobQjMX
6 months ago
0
1
0
This urge to immediately close a website that has no dark mode but unfortunately has information you need right now ...
6 months ago
0
0
0
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.
6 months ago
1
2
0
Programming these days: Tab Yeah looks good Tab Yeah looks good Tab ... wait a minute Rewrite everything
6 months ago
1
3
0
Quick animation with HTML canvas. Code:
codepen.io/scriptraccoo...
loading . . .
6 months ago
0
1
0
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.
6 months ago
1
1
0
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.
6 months ago
2
17
0
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
6 months ago
1
2
0
Not the autocompletion I wanted from Copilot, but a good one indeed.
@vscode.dev
7 months ago
0
3
0
Don't just show generated passwords. Animate them! πͺ
loading . . .
7 months ago
1
1
0
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
7 months ago
0
1
0
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
7 months ago
0
2
0
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...
loading . . .
GitHub - ScriptRaccoon/sveltekit-forms: SvelteKit forms and good old HTTP allow reactivity without any client-side JavaScript
SvelteKit forms and good old HTTP allow reactivity without any client-side JavaScript - ScriptRaccoon/sveltekit-forms
https://github.com/ScriptRaccoon/sveltekit-forms
7 months ago
0
6
1
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
7 months ago
1
9
0
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...
loading . . .
GitHub - ScriptRaccoon/twelte: Twitter clone with SvelteKit
Twitter clone with SvelteKit. Contribute to ScriptRaccoon/twelte development by creating an account on GitHub.
https://github.com/ScriptRaccoon/twelte
7 months ago
0
2
0
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. π€
7 months ago
0
1
0
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.
7 months ago
0
3
0
Such a beautiful fractal :)
codepen.io/scriptraccoo...
loading . . .
7 months ago
0
2
0
you reached the end!!
feeds!
log in