stankot
stankot on Hacker News
Posted by
stankot on Tuesday July 01, 2025 @04:39PM
from the show-hn dept.
https://muffinman.io/monorail/
Hey HN,I needed a few simple graphs for a blog post [0]. Instead of slapping together a few SVGs and moving on, I decided to write a whole library to parse CSS keyframe animations and convert them to interactive graphs.It ended up being a rabbit hole, with a lot of caveats. But it was fun to make, and I'm really happy with the graphs it produces.I'm not sure how useful it will be for others. If...
Posted by
stankot on Monday June 30, 2025 @03:36PM
from the show-hn dept.
https://muffinman.io/bard/
Hey HN,
This is a small project I made for a meetup (Creative Coding Amsterdam's poetry afternoon). With all the hype around LLMs these days, I wanted to create something silly and fun.I ended up with Glitchy BARD, which generates crappy poetry. It uses source text transformed into n-grams, while rhymes rely on the CMU Pronouncing Dictionary[0]. For the voice, I used the native SpeechSynthesis...
I've figured it out. The error means that this call fails:
const animation = animationElement.getAnimations()[0];
As Firefox supports `getAnimations` since 2020, I figured something else is messing up with it. I've tried to enable "reduced motion" in the system settings and it broke the animation!
It is because I had force-disabled all animations on the site when this option is enabled.
I patched it, it should work now. Thank you for your help!
EDIT: typo
EDIT2: I also added simple error handling to display a message if parsing the animation fails.
Go for it, and share a link!
Thanks for checking, I’ll try to see what is going on.
That is weird, because it is HTML/CSS only. Do you see anything that would help me debug it? Could it be that an add-on (content blocker) messes up with it? I don't have an android device to test. I don't see any issues on desktop and ios though.
Posted by
stankot on Monday June 09, 2025 @02:31AM
from the show-hn dept.
Tixy is amazing! I built something very similar:
https://muffinman.io/pulsar/
I wanted to create animations for my LED matrix screen, and I couldn’t find tixy anywhere. Only after I built pulsar I found it again.
Another similar project is https://sliderland.blinry.org/ which uses HTML sliders.
Fun stuff!
Posted by
stankot on Monday April 21, 2025 @06:05PM
from the ask-hn dept.
Big parts of our digital lives depend on our email address (personal, professional, financial…). I’m wondering how you've secured yourselves to prevent getting locked out of your email?Of course, using my own domain is a no brainer, but I’ve heard horror stories of people getting kicked from their domains.It feels like we are always at some company’s mercy, a mail provider, a domain service or...
Posted by
stankot on Thursday April 03, 2025 @05:22PM
from the muffinman.io dept.
I stumbled on this some time ago and saved it for when my kid grows up enough. It is a collection of a few thousands kid friendly videos. I think their curation is pretty good, but check it out for yourself.
https://thekidshouldseethis.com/
Thank you! There is nothing wrong with large libraries. But you are right, there is something very satisfactory in solving a problem in a few lines of code.
Posted by
stankot on Sunday March 02, 2025 @05:41PM
from the show-hn dept.
Posted by
stankot on Saturday February 22, 2025 @05:09PM
from the muffinman.io dept.
Thank you, you made my day!
Thanks for the tip! Does it make paper shiny and stiff?
This is awesome! I’ve seen it but forgot to bookmark it, thanks for sharing it again.
Sure, I think the hard part is creating hand drawn animation. If you can draw or generate it, the rest is fairly straight forward.
I have an idea for somewhat different flip animation, stay tuned :)
Actually that's my usual approach, but you should see the vector output from these. I tried doing it and than went back to cleaning up the raster images.
For me, pen plotting is a lot of fun. There is something so satisfying in bringing digital work to the physical world.
As for the text, I have it on my todo list to create a few single line fonts, for some time now. The obvious one is my own handwriting, ideally with some randomness built in. I would like others to be less conventional to sprinkle them in my drawings, or like you mentioned, to create some pieces that are text only.
That is correct. I use AxiDraw SE/A3 and I love it. One of the best purchases I ever made.
Posted by
stankot on Thursday February 13, 2025 @03:23PM
from the show-hn dept.
https://muffinman.io/blog/the-tiny-book-of-great-joys/
Hey,I want to share a personal project: I made a tiny pen-plotted book for my wife. I did everything myself—drawings (with some help from Midjourney), plotting, cutting, and binding. I even used a 3D printer to make a helper tool.It's absolutely over-engineered, but I enjoyed it a lot. Multi-disciplinary projects, especially those with a physical output, are a lot of fun for me.The post covers...
Posted by
stankot on Monday February 10, 2025 @12:52PM
from the show-hn dept.
https://muffinman.io/blog/the-tiny-book-of-great-joys/
Hey HN,I want to share a personal project: I made a tiny pen-plotted book for my wife. I did everything myself—drawings (with some help from Midjourney), plotting, cutting, and binding. I even used a 3D printer to make a helper tool.It's absolutely over-engineered, but I enjoyed it a lot. Multi-disciplinary projects, especially those with a physical output, are a lot of fun for me.The post...
I just released a fix for it and updated the blog post.
Honestly, I don't think that is a bug. All examples are quite dense and the thumb covers multiple steps on the track. Firefox then translates every click like you clicked directly on the track. The library doesn't interfere with it in any way, it is how Firefox works.
If you can replicate this, please open a github issue [1].
Which browser and OS are you using? Because this library doesn't do anything regarding the scroll blocking (because it is using native inputs). On my phone (iOS) scroll is blocked on all input[type=range] elements, styled or not.
[1] https://github.com/Stanko/dual-range-input/issues
I think it can be theoretically done, like it is mentioned in the comment above, but you would need a new block of CSS for every slider min/max/step combination. It feels it would be harder to maintain than the javascript version.
Nice catch! Actually I thought of this and it works in Chrome and Firefox, but it seems that Safari is not triggering the focus event on mouse down, but only when you start moving the slider. Thank you for the report, I'll make sure to fix it.
Thank you, comments like yours really make my day!
Hey, author here, glad to see it popping up on HN.
I see people started opening issues and leaving bug reports here. I’ll try to go through them tomorrow (it is getting late here).
I created it because I needed it for my generative drawings. I prefer dragging a slider and seeing how the image changes, more than typing in a number.
I really tried to keep it minimal.