jessep @jessep.fi · 12/07/2026I had this appear for me too after moving to eurosky, but I don't think anything broke even though I felt awkwardly forced to click the reactivation button 110
jessep @jessep.fi · 28/04/2026Ye olde game of rock paper scissors was due for a modern day update 060
jessep @jessep.fi · 24/04/2026Had a good "morning brain fog" moment with this, opening it on mobile 🤦♂️ 010
jessep @jessep.fi · 13/04/2026"Just 𝘮𝘰𝘳𝘨𝘦 and move on" 😆 I'm enjoying the growing vocabulary we're getting these days 100
jessep @jessep.fi · 05/04/2026When you pulled them apart, I felt like the little ball was going to slingshot towards the big one from the tension of the path, like its a rubber band 😄 110
jessep @jessep.fi · 12/03/2026I'll have to try some more stuff out with video elements too. I haven't dug that rabbit hole deep enough yet 😄 010
jessep @jessep.fi · 12/03/2026Mainly I wanted to try the sprite technique😄 This gives creative control tweaking the animation in post with CSS. Changing FPS, rescaling the pixel-art with `image-rendering: pixelated;` keeps it crispy looking. I also have user interaction ideas for the sprite, I imagine extend nicely with sprites. 120
jessep @jessep.fi · 11/03/2026The shader material based on this: www.youtube.com/watch?v=sHwd...youtube.comBlender Tutorial - Pixel Art with Dithering (Graduated Shadows)YouTube video by Point Cloud 040
jessep @jessep.fi · 11/03/2026Learned about `image-rendering: pixelated;` From @chrisburnell.com chrisburnell.com/note/elevent...chrisburnell.com“Built with Eleventy” Animated 88x31I was tagged several days ago on Mastodon, as someone was looking for a "90s-style 88x31 footer GIF" for pages built with Eleventy, and [... I] gave animating the badge a shot! 150
jessep @jessep.fi · 11/03/2026I got it working on Chrome by doing 2 animations on the position values of the custom properties for the X and Y values. Sadly I had to switch last minute to a better supported method of `overflow: hidden` + `translate` as I noticed that Firefox did not like my way of animating the variables 😵 120
jessep @jessep.fi · 11/03/2026I initially used the technique from the article. To animate the `object-position` which I liked a lot, and since my animation was so long I had to wrap it to multiple rows so as to not exceed WEBP maximum width, which required me to move the sprite's X and Y frame position at separate intervals. 120
jessep @jessep.fi · 11/03/2026Was inspired by this article to try a spritesheet animation: @joshwcomeau.com www.joshwcomeau.com/animation/sp...joshwcomeau.comSprites on the Web • Josh W. ComeauIn game development, it’s common to use spritesheets for animation, but this technique isn’t as widely used on the web these days. Which is a shame, because we can do some pretty cool stuff with sprit... 120
jessep @jessep.fi · 11/03/2026Made this 3D animated puppy that I rendered into a 2D 1-bit style spritesheet CSS animation for my website. Weekend project went a bit overtime, but had to get it done before I'm off travelling 😪 3837
