Jason Robitaille

Software Engineer @LGSVL🍁🏳️‍🌈
Comic & scifi geek, web dev, raspberry pi tinkerer. He/him. My tweets are my own.

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! ✨

You can create icon sprite animations using the steps() animation-timing function 🤙

You could use this to create little icon button animations, etc. 😎

But how do you do it? Like this 👇

button img {
object-fit: cover;
object-position: 0 0;
}

The image is a sprite strip of the frames in the animation. To animate the frames, you do something like this:

[aria-pressed=true] img {
animation: play 0.5s steps(20) forwards;
}

@ keyframes play {
to {
object-position: 100% 0;
}
}

We are toggling aria-pressed in our scripts to show a pressed state and we can then fire the animation to play our sprite 🎉

Check out the video that breaks things down a little bit

@CodePen link blow! 👇

[Jason Robitaille @JayCanuck]

@dmikeyanderson Non-android limits a bit since most of the higher end ones have Android (eg. Retroid 5). But if you're going Linux-only, I have tried the RG556 for a while and it's smooth with GC too (Linux/Android dual boot) though you need a community joystick firmware to fix stock's issues

[Jason Robitaille @JayCanuck]

@dmikeyanderson Oh yea, the 28xx is awesome for the size, very pocketable

[Jason Robitaille @JayCanuck]

@dmikeyanderson They did add some l2r2 triggers which aren't half bad (if a lil awkward positionally)

[Jason Robitaille @JayCanuck]

@dmikeyanderson Highly recommend their 34xx. It's an awesome lil device that matches og GBA nearly identical

[Jason Robitaille @JayCanuck]

@starfleetboy Worth the watch?

[Jason Robitaille @JayCanuck]

@MorphinLegacy Congrats!!

[Jason Robitaille @JayCanuck]

@GliscorTV @zala_ze Damn yea, that would get on my nerves way too quick, ha

[Jason Robitaille @JayCanuck]

@GliscorTV @zala_ze I sent my new 3ds xl in for installation by them, arriving to them mid-May, and judging from the forums wait time is anywhere from 1-2months under the current volume they're receiving. Could also buy the mod itself and install yourself

[Jason Robitaille @JayCanuck]

@GliscorTV @zala_ze Yea, the free cfw option is low fps with significantly low fps for the secondary screen. ArticBase is the new option, where it streams the game chunks to a desktop emulator and it runs at great speed but with notably long delays between levels/maps. Also only work with 3DS games

[Jason Robitaille @JayCanuck]

@RetroGameCorps Seriously tempted, and maybe someday, but ended up going with RG556 over Tiktok shop with their crazy coupons, for $130. That said, damn the RP4 Pro has some gorgeous-looking controls!

[Jason Robitaille @JayCanuck]

@GliscorTV Nice! Was playin that yesterday to snag the partner cap pikachu, solid entry

[Jason Robitaille @JayCanuck]

@RetroGameCorps We love to see it!

[Jason Robitaille @JayCanuck]

@benz145 CLIE!

[Jason Robitaille @JayCanuck]

@joshkeaton @plex Heard good things about Jellyfin and Emby but haven't swapped yet. All the newly-broken metadata on my Plex certainly is tempting me to switch though

[Jason Robitaille @JayCanuck]

@t3dotgg I just love how twitter clipped the last bad rule as just "Apple Watch" 🤣🤣

[Jason Robitaille @JayCanuck]

@jkmartindale Apparently it's an issue only for those of us who are on the old UX layout and a fix is in the pipeline https://t.co/sfk2oc3A3E