Script Raccoon
@scriptraccoon.dev
Mathematican, Software Developer, YouTuber, based in Berlin. https://scriptraccoon.dev
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.
November 14, 2025 at 4:19 PM
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.
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.
October 25, 2025 at 11:15 PM
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.
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.
October 22, 2025 at 2:08 PM
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.
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.
Here is the JS code. In the CSS code I also set a transition on the transform property so that the movement is smooth.
October 20, 2025 at 9:47 AM
Here is the JS code. In the CSS code I also set a transition on the transform property so that the movement is smooth.
This guy always stays in the middle of the screen. I had no idea that this is possible. Now this opens up some possibilities ...
October 20, 2025 at 9:41 AM
This guy always stays in the middle of the screen. I had no idea that this is possible. Now this opens up some possibilities ...
Going inside the torus that I have shown recently. This is made with only CSS.
October 2, 2025 at 7:09 AM
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.
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.
September 27, 2025 at 9:40 AM
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.
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.
Dodecahedron with pure, 3-dimensional #CSS 🤹
codepen.io/scriptraccoo...
For extra fun, you can even go inside!
codepen.io/scriptraccoo...
For extra fun, you can even go inside!
May 29, 2025 at 10:33 AM
Dodecahedron with pure, 3-dimensional #CSS 🤹
codepen.io/scriptraccoo...
For extra fun, you can even go inside!
codepen.io/scriptraccoo...
For extra fun, you can even go inside!
Octahedron with pure CSS :)
📎 codepen.io/scriptraccoo...
📎 codepen.io/scriptraccoo...
May 27, 2025 at 6:26 PM
Octahedron with pure CSS :)
📎 codepen.io/scriptraccoo...
📎 codepen.io/scriptraccoo...
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:
Meanwhile, developers making a button for a cinema reservation page:
May 24, 2025 at 8:34 AM
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:
Meanwhile, developers making a button for a cinema reservation page:
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.
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.
May 20, 2025 at 7:40 AM
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.
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.
May 17, 2025 at 12:18 PM
Me wondering what an icon button does in an app where I cannot use hover or easily retrieve the alt text.
May 13, 2025 at 10:38 PM
Me wondering what an icon button does in an app where I cannot use hover or easily retrieve the alt text.
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
May 12, 2025 at 5:26 PM
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
May 7, 2025 at 7:28 PM
Not the autocompletion I wanted from Copilot, but a good one indeed. @vscode.dev
Don't just show generated passwords. Animate them! 🪄
May 6, 2025 at 4:39 PM
Don't just show generated passwords. Animate them! 🪄
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
April 29, 2025 at 7:14 PM
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
Such a beautiful fractal :) codepen.io/scriptraccoo...
April 15, 2025 at 9:32 PM
Such a beautiful fractal :) codepen.io/scriptraccoo...