As a way to teach progressive web app development to our intern, I'm building a client for Miniflux (a self-hostable RSS server). Entirely made from scratch and just with web-components. Right now it's just static content put by hand as placeholder, the actual logic will be made soon. #screenshotsaturday #webdev #webcomponents #usetheplatform #rss #miniflux #wip

Finally, I've published the documentation and a website for the jpad-components library. 😎👍 The website is here:

Jpad Components

The docs are updated here too: https://www.npmjs.com/package/jpad-components Hope some of you will find this library helpful somehow! #screenshotsaturday #gamedev #release #library #npm #codepen #3d #drone #webcomponents

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