#javasscript — Public Fediverse posts

Welcome to this week’s The Programmer’s Fulcrum.

It’s your weekly review of the essential news in the Open Media Network and Fediverse development communities with a focus on devastating big tech via Techno Anarchism. We aim to provide actionable content you can use to destroy Techno Feudalism each week. It has the additional benefit of weakening authoritarianism.

IMHO, the best way to do […]

Welcome to this week’s The Programmer’s Fulcrum.

It’s your weekly review of the essential news in the Open Media Network and Fediverse development communities with a focus on devastating big tech via Techno Anarchism. We aim to provide actionable content you can use to destroy Techno Feudalism each week. It has the additional benefit of weakening authoritarianism.

IMHO, the best way to do […]

これは Scroll snap を #CSS で実現する例。マウスホイールで再現することはできなかったが、スクロールバーのドラッグ＆ドロップで実感できる。動かす量が少ないと元に戻されてしまう。
横スクロールと縦スクロールの両方が用意されてる。
同じことが #JavasScript デモできる。

"下のボックスでスクロールスナップを確認するには、スクロール可能なビューポート内の 45 個の番号付きボックスのグリッドを上下左右にスクロールしてください。
"
CSS スクロールスナップ - CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/Guides/Scroll_snap

The more I work on #ONI, which is basically a web components frontend for an as basic as possible #ActivityPub client to server service, the more I realize I'm just not built for JavaScript programming.

Despite having put in the hours every day for a number of months, the whole Promise paradigm just doesn't seem to click for me.

Now I'm struggling to create a throbber component (easy) while fetches happen in the background (easy) and then have it replaced (not easy) by actual content (easy).

😱 Gaaah!!!

#frontend #web_components #litjs #JavasScript

The more I work on #ONI, which is basically a web components frontend for an as basic as possible #ActivityPub client to server service, the more I realize I'm just not built for JavaScript programming.

Despite having put in the hours every day for a number of months, the whole Promise paradigm just doesn't seem to click for me.

Now I'm struggling to create a throbber component (easy) while fetches happen in the background (easy) and then have it replaced (not easy) by actual content (easy).

😱 Gaaah!!!

#frontend #web_components #litjs #JavasScript

Non so se interesserà mai a qualcuno ma ecco un piccolo sideproject in bun/svelte5: Alicarti

Un websocket game framework per create giochi multiplayer giocabili via browser.

https://youtu.be/NIH1Rsx_7zk

Nella demo faccio vedere una chat, una echo room e un piccolo gioco di Carta Forbice Pietra.

codice: https://github.com/vikkio88/alicarti

#gamedev #JavasScript #typescript #bun #svelte5

Some 2 and a half months later, I've finally got to seeing great results with #rustlang
I've got the identity-processor built in #rust. It deals with user registration, logging etc.
It's both a #rabbitmq client and a #warp server, so it can consume requests coming from 2 different realms.
Registration of a user fails if there already exists a user with the specified username/handle or email address.
So I tested how it works with thousands of requests that all specify a different handle but the same email address.
After resolving all the problems (there was quite a bit to learn), now I see that the following cycle:

1. client publishes a request to #rabbitmq
2. identity-processor picks up the request, tries to register the user and fails because of DB checks (on #postgres)
3. the failure is sent via a corresponding reply queue on #rabbitmq
4. client consumes the request from #rabbitmq

takes 2.5 ms on average.
I'm more than satisfied, I'm thrilled with the results. Thousands of test cycles are being processed, originating from different processes.

At this point, in my former #JavasScript world, I would start considering possible memory leaks and all the possible Error processing paths that I may have missed (and some are always missed in #JavasScript ).
Now, with #rust, I can rest assured that everything is just as fine and safe as it should be. And the whole identity-processor takes just 37MB of RAM, steaming with message processing all the time. I'd refrain from estimations of how much RAM this would cost me in the #JavasScript world.

Dopieszczam sobie autorski odtwarzacz do muzyki na mojej stronce. O ile nie jestem wielkim ekspertem od JavaScripta, tak udało mi się wydłubać coś funkcjonalnego (póki co) i podoba mi się ten rezultat!
#wordpress #muzyka #css #frontend #JavasScript

On a brighter note, I just implemented Mastodon comments on my #blog test page, thanks to @dpecos's excellent repo:
https://github.com/dpecos/mastodon-comments/

Maybe someday I'll seriously try to make it so I can update my "finished/played games" thread through my blog, but for the time being I'll be happy to just adapt the #CSS to my site and see how streamlined I can make the process of posting/tooting and then tying the blog post and the toot together without extra, manual steps.

#JavasScript #PHP #webdev

On a brighter note, I just implemented Mastodon comments on my #blog test page, thanks to @dpecos's excellent repo:
https://github.com/dpecos/mastodon-comments/

Maybe someday I'll seriously try to make it so I can update my "finished/played games" thread through my blog, but for the time being I'll be happy to just adapt the #CSS to my site and see how streamlined I can make the process of posting/tooting and then tying the blog post and the toot together without extra, manual steps.

#JavasScript #PHP #webdev

Genuary 4: Black on black.

https://arielmartinperez.com/pages/2025genuary.html#2025genuary4

Getting back to web design for this experiment that explores the possibilities of Javascript and Web Audio API. I haven't tested it on mobile but it should work on any modern desktop browser. Just click anywhere on the black area to start the sound. Cheers!

#genuary4 #genuary #genuary2025
#creativecoding #JavasScript #css #html #sound

Would love thoughts and feedback on my Future / deferred promise library:

https://www.npmjs.com/package/@reggi/future

Be kind ❤️

#JavasScript #js #npm #package #module #opensource #ts #typescript

Would love thoughts and feedback on my Future / deferred promise library:

https://www.npmjs.com/package/@reggi/future

Be kind ❤️

#JavasScript #js #npm #package #module #opensource #ts #typescript

Remember #ASCII maps in old computer games?

This is my take on an ASCII based #GIS

https://ourednik.info/ASCIImap/

Created with #JavasScript using the #Leaflet framework, fetching OpenStreetMap data.

Converted to ASCII art with renderer:L.canvas, getting pixels by canvas.getContext('2d').getImageData(...), then converting pixels to ASCII characters '@%#*+=-:. '.

Remember #ASCII maps in old computer games?

This is my take on an ASCII based #GIS

https://ourednik.info/ASCIImap/

Created with #JavasScript using the #Leaflet framework, fetching OpenStreetMap data.

Converted to ASCII art with renderer:L.canvas, getting pixels by canvas.getContext('2d').getImageData(...), then converting pixels to ASCII characters '@%#*+=-:. '.

Definitely some cool things happening in Angular land!

https://blog.angular.dev/meet-angular-v19-7b29dfd05b84

#webdev #JavasScript #TypeScript #angular

Definitely some cool things happening in Angular land!

https://blog.angular.dev/meet-angular-v19-7b29dfd05b84

#webdev #JavasScript #TypeScript #angular

Is there no way to debug a ServiceWorker in an installed web-app on iOS?

#WebDev #iOS #JavasScript #PWA @webkit

Hono is amazing. It is so well designed. The concept of the Hono instance being a discrete thing separate from the sever is outstanding.

https://hono.dev/

#webdev #nodejs #JavasScript #TypeScript

Hono is amazing. It is so well designed. The concept of the Hono instance being a discrete thing separate from the sever is outstanding.

https://hono.dev/

#webdev #nodejs #JavasScript #TypeScript

An example on how to screw up your product by adding AI.

They took 2 of my CSS posts and got the brilliant idea to generate a complete mess pretending to "aggregate all the information about specific news to help you save time and discuss with the community."

Why? Just WHY?? Let people read the original posts and that's all. You are not helping anyone here ... 😖

https://dly.to/x2ri7kQyuOZ

#CSS #HTML #JavasScript

An example on how to screw up your product by adding AI.

They took 2 of my CSS posts and got the brilliant idea to generate a complete mess pretending to "aggregate all the information about specific news to help you save time and discuss with the community."

Why? Just WHY?? Let people read the original posts and that's all. You are not helping anyone here ... 😖

https://dly.to/x2ri7kQyuOZ

#CSS #HTML #JavasScript

All I want out of JavaScript frameworks is for them to support html. Web components are HTML. They don't need to be built on top of web components but they need to support interop. Just render the element and let it take over.

#webdev #JavasScript

All I want out of JavaScript frameworks is for them to support html. Web components are HTML. They don't need to be built on top of web components but they need to support interop. Just render the element and let it take over.

#webdev #JavasScript

I need your brain! Today, I started working on the Emmett CLI and Config file structures.

I want Emmett to be able to generate the schema upfront for event store and read models. I also want to make a first step towards plugin infrastructure and modularity.

Check the sample config file. It'll contain plugins (similar to eslint, etc.) so each Emmett package can self-register, and community plugins can be registered in the future.

1/
#nodejs #TypeScript #JavasScript

I need your brain! Today, I started working on the Emmett CLI and Config file structures.

I want Emmett to be able to generate the schema upfront for event store and read models. I also want to make a first step towards plugin infrastructure and modularity.

Check the sample config file. It'll contain plugins (similar to eslint, etc.) so each Emmett package can self-register, and community plugins can be registered in the future.

1/
#nodejs #TypeScript #JavasScript

New big 🐶 #Pongo release!

💪 Strongly typed client.

You can define your collections typed schema and benefit from Typescript. It'll automatically generate the collections with provided names and typing.

🖥️ CLI tool

Together with typed schema, enables running database migrations upfront. That helps to get a performance boost, as you can disable automated schema setup (which is good for the dev environment but not for the prod).

See: https://github.com/event-driven-io/Pongo/releases/tag/0.14.0

#nodejs #TypeScript #JavasScript

New big 🐶 #Pongo release!

💪 Strongly typed client.

You can define your collections typed schema and benefit from Typescript. It'll automatically generate the collections with provided names and typing.

🖥️ CLI tool

Together with typed schema, enables running database migrations upfront. That helps to get a performance boost, as you can disable automated schema setup (which is good for the dev environment but not for the prod).

See: https://github.com/event-driven-io/Pongo/releases/tag/0.14.0

#nodejs #TypeScript #JavasScript

so it seems pretty standard that TreeWalker is faster than DomIterator, but does anyone know WHY? It feels like DOM iterator ignoring the tree would be quicker but its not.

document.createTreeWalker vs document.createNodeIterator

@slightlyoff not sure if you would know?

#JavasScript #webdev

so it seems pretty standard that TreeWalker is faster than DomIterator, but does anyone know WHY? It feels like DOM iterator ignoring the tree would be quicker but its not.

document.createTreeWalker vs document.createNodeIterator

@slightlyoff not sure if you would know?

#JavasScript #webdev

BIG update for Joist dependency injection. We added a new type of token called StaticToken. StaticTokens allow you to provide any data type as well as allowing services to be constructed async.

https://github.com/joist-framework/joist/tree/main/packages/di#static-tokens

#webdev #JavasScript #TypeScript

BIG update for Joist dependency injection. We added a new type of token called StaticToken. StaticTokens allow you to provide any data type as well as allowing services to be constructed async.

https://github.com/joist-framework/joist/tree/main/packages/di#static-tokens

#webdev #JavasScript #TypeScript

Boring defaults btw.

cc @justinfagnani

#webdev #JavasScript

Boring defaults btw.

cc @justinfagnani

#webdev #JavasScript

Holy shit! Web Awesome (formerly shoelace) raised 700,000 on Kickstarter! Good for them that's outstanding.

https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=91va8z

#webdev #JavasScript #WebComponents

Holy shit! Web Awesome (formerly shoelace) raised 700,000 on Kickstarter! Good for them that's outstanding.

https://www.kickstarter.com/projects/fontawesome/web-awesome?ref=91va8z

#webdev #JavasScript #WebComponents

Signals have been moved to Stage 1! Let's gooooooo.

https://github.com/tc39/proposal-signals

#webdev #JavasScript

Signals have been moved to Stage 1! Let's gooooooo.

https://github.com/tc39/proposal-signals

#webdev #JavasScript

Still playing around with my own signals implementation. My goal is to have something barebones so I can write a blog along the lines of "learn signals by building signals"

#webdev #JavasScript

Still playing around with my own signals implementation. My goal is to have something barebones so I can write a blog along the lines of "learn signals by building signals"

#webdev #JavasScript

The signals proposal looks fantastic. I think this will be easy to get folks on board with.

https://github.com/proposal-signals/proposal-signals

#webdev #JavasScript

The signals proposal looks fantastic. I think this will be easy to get folks on board with.

https://github.com/proposal-signals/proposal-signals

#webdev #JavasScript

I've been working with #JavasScript for quite some time, however last week was the first time I've used structuredClone for deep cloning - a feature available in most browsers and Node
https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

I've been working with #JavasScript for quite some time, however last week was the first time I've used structuredClone for deep cloning - a feature available in most browsers and Node
https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

after a good suggestion from @zerology my go-board web component also supports adding custom markers on top of stones.

https://stackblitz.com/edit/go-board-demo-grcuhm?file=index.html

#webdev #JavasScript #go #baduk

I can relate: https://blog.ignaciobrasca.com/opinion/2024/03/15/javascript-nightmare.html Maybe some day I will tell the story of the three days I spent trying to find out why my full stack JS project, which ran just fine in local, failed miserably after hitting some API endpoint in production, why it was so hard to debug, and why, even after solving two unrelated consecutive issues "works in my machine, dies on deployment", I still don't really know what caused any of the errors (?) #JavasScript

My tiny #JavasScript project of the evening - getting #json to load from https://codeberg.org via Fetch api --> https://midnight-magic-zone.neocities.org/zones/exp/exp_003/