My friend's kitty. 😺 #catstr

This week for #screenshotsaturday I've published on npm the jpad-components library, along with the 3D Drone demo! https://www.npmjs.com/package/jpad-components Here's the CSS 3D Drone demo https://codepen.io/nostranger/pen/abxzVKy The drone demo uses a game loop class I've published as a standalone for reusing in future projects, hope it's useful for you too. https://www.npmjs.com/package/@nostranger/gameloop #gamedev #release #library #npm #codepen #3d #drone #webcomponents

Slack it's just a slow and bloated IRC clone with attachments. I'd replace it today if I could... #thoughtstr

Found this video animation while digging my old bookmarks collection. Made by Nissan for promotion on renewable energy for their products. It's really cute and thought it'd be nice to share! There was also an interactive educational website, but it's sadly down now. #frens #cute #animation #freeenergy

A bit late for #screenshotsaturday but there's some great news. The project has been published on GitHub! 🎉 The repository is here 👇

GitHub

GitHub - nostrangerdev/jpad-components: A set of web-components to build declarative virtual gamepad layouts

A set of web-components to build declarative virtual gamepad layouts - nostrangerdev/jpad-components

While the code is ready for use, I'm almost there with the README, landing page and deployment over npm. In the meantime, here's a sneak peek of the minimal landing/docs page #wip #gamedev #webdev #webcomponents #almostthere

Today I installed Miniflux and RSSHub on my VPS, what a terrific duo! 🔥🔥

Miniflux - Minimalist and Opinionated Feed Reader

https://docs.rsshub.app/

This week I did some changes to the gamepad web-component library, It now supports mouse and keyboard inputs. Everything can be configured and defined declaratively in HTML, you can then use the element directly in code to read its inputs or just listen the the events triggered as you interact with it. Here's an example or a common gamepad layout and its respective code. I'll be publishing the code by next week. #screenshotsaturday #gamedev #webdev #webcomponents #showmethecode #wip

After more than 10 years, I finally found a game I've played long ago and totally forgotten since today. #frens #finallyfoundit #retrogame #puzzlegame #beetle #abandonware

Had to get an year old React / Typescript project back up to add some requested changes, it was hell to make it run again... That's why I now use and love buildless setups for ageless web apps! #webdev #buildless #usetheplatform

https://video.nostr.build/a7c3f1a82909a037cf8d8c8ca8bf85eb07809d89a2cbbb0948325c9d309b1c0b.mp4#m=video%2Fmp4&dim=956x668&blurhash=r08%7C%5EmRj00xu00IT00_3%7EqD%25of-%3BRjDixu%3FbIUD%25D%25j%5DRjRjRjxu%25MIU%25M_3Rj9Fxv%3FbD%259F%3Fb%25MIUt7_3M%7BDi%25M%25MIU9FWBayRjofj%5Bj%5BayRjxu&x=ece1b7c347d9c4013855dc53ca8cc871725a11a6102c5a3b5d43961cb693183b Joining #screenshotsaturday with a fun double project! I'm building a set of plug and play web components to declaratively build a virtual gamepad, they'll be released as a open source standalone project soon. To find possible edge cases for the gamepad, I've made a controllable 3D RC Drone with pure CSS and a little bit of vanilla JS. I'll be sharing the code of this one too. #gamedev #csswizardry #webdev #3dgame #rcdrone #webcomponents

I've made a personal rule to not pick the font "Raleway", I've seen it way too much everywhere, even today at the supermarket's self-checkout. In simple projects I just use the native font. In my CSS I usually just use: `font-family: system-ui, sans-serif;` https://fonts.google.com/specimen/Raleway #design #typography #dev #programming #webdev

Had to work on a client's contact form and noticed that the most formatted messages where sent from spam bots... 😅 #spam #email #dev

Got a standing desk last week and... It's amazing! 😍 My posture changed in just 3 days, I was having back and neck pain and now I feel great. The best investment for my work environment. 👍 #work #standing #desk #health

Love this song from Tetris Effect! 😎🎶 #gaming #tetris #music

If you want to train someone to code a serious project, here's a challenge to make it interesting. 1. ✍️ Plan a entire project with them, it should be complete but simple 2. ✂️ Split the project into tasks and let them decide a rough estimate 3. 🔥 Do the tasks one by one with a timer set by the task's estimated time 4. 🕵️‍♂️ Review each other's timing and code at the end. This can be a great way to teach them how to do something and how much time it takes, all without excessive handholding. Also, be ready to deploy the finished project for extra gratification. 💪😺 #dev #coding #programming #training #frens

This is the year to focus on what matters. To me, this means to put myself and the people I care first. 🫂 #yearstr #nostr #grownostr #frens