D++'s Avatar

D++

@dariomannu

34
Followers
64
Following
99
Posts
09.12.2024
Joined
Posts Following

Latest posts by D++ @dariomannu

Shame the #stackblitz view counter has been broken since late December... hope it's going to be fixed anytime soon.....

05.02.2026 17:19 👍 0 🔁 0 💬 0 📌 0
Preview
Fullscreen Carousel - StackBlitz A minimalistic image carousel using the fullscreen API and Rimmel.js

stackblitz.com/edit/rimmel-...

It's about time to ditch existing "full page image viewing carousel-like components", which are so bad anyway that you can't even zoom them, so why not just go simple and use the fullscreen API?

#JavaScript #FrontEnd

05.02.2026 17:18 👍 1 🔁 0 💬 0 📌 0

Love it!!

22.12.2025 20:00 👍 2 🔁 0 💬 0 📌 0

well, the removed and re-added button case may be a point...

Equally good to avoid removing and re-adding the same button anyway, but would happen in either case?

Not the same as when you remove/readd the label of the labelledby element?

What if the target popover is removed and re-added?

20.12.2025 16:16 👍 0 🔁 0 💬 0 📌 0

so, "being labelled by" is closer to "do open that" than to "being opened by"?

20.12.2025 15:58 👍 1 🔁 0 💬 1 📌 0

Not even the idea of a DOM scan like that ever crossed my mind.

The binding of the button with the target can happen at mount time with just 1 lookup and 1 event handler added to the button with { event, target, action } remembered in either case.

arial-labelledby also points "back" to its label

20.12.2025 15:51 👍 0 🔁 0 💬 1 📌 0

I must have missed something, then

1: <dialog closedby="div1">
vs
2: <button commandfor="dialog1">

All I can see here is one tag pointing to the ID of the other.

Either of the two will have to look the other one up "somehow", can't see how this is a problem in one case and not the other?

20.12.2025 14:53 👍 0 🔁 0 💬 2 📌 0
Preview
Remove an element with the HTML Invoker API - StackBlitz Using Attribute Mixins to make elements &quot;removable&quot; via HTML Invoker Commands and Rimmel.js

More experiments with the HTML Invoker API and custom commands

#HTML #JavaScript #FrontEnd #StreamOrientedProgramming

stackblitz.com/edit/html-in...

19.12.2025 09:59 👍 1 🔁 0 💬 0 📌 0

no way!

18.12.2025 20:14 👍 0 🔁 0 💬 0 📌 0
Preview
HTML Invoker API, with streams (1) - StackBlitz Demonstrating a simple use of the &quot;command&quot; and &quot;commandfor&quot; invoker attributes in stream-oriented style

HTML Invoker API
-------------------

a little experiment in stream-oriented programming

#JavaScript #RxJS #FrontEnd

stackblitz.com/edit/html-in...

18.12.2025 20:13 👍 3 🔁 0 💬 0 📌 0
Preview
Callforwards with Rimmel.js - StackBlitz Callforward functions are an implementation of reactive streams using imperative middleware, as found in express.js

Finding #Observables operators too hard to master?

Here's an idea of how you can build your own custom pipelines using Callforwards: a fast, lightweight, imperative, composable alternative inspired by Express.js middleware.

#JavaScript #RxJS #FrontEnd

stackblitz.com/edit/callfor...

18.12.2025 18:27 👍 2 🔁 0 💬 0 📌 0

Hmmm... could you please expand this "handling of a button's complexity", and what exactly you mean by optimising? Not sure I'm following...

18.12.2025 18:11 👍 0 🔁 0 💬 1 📌 0

So now we're seeing "imperative-declarative" programming on the rise.

It could have been conceived the other way around (in a more "functional-declarative" way), like:

```html
<dialog openedby="btn1" closedby="btn2"></dialog>
<button id="btn1">open</button>
<button id="btn2">close</button>
```

17.12.2025 23:14 👍 3 🔁 0 💬 1 📌 0
Video thumbnail

Interactive blob business card making of video :)

Hope people will like it and that I'll be able to explore this concept further in the future.

gotibo.fr/blobs

#html5 #webdev #javascript
---
Music provided by Chillhop Music
Enough Cereals - Mirage chll.to/eeddd8af

16.12.2025 17:58 👍 73 🔁 10 💬 4 📌 0
Preview
Create your own data sink - StackBlitz An example custom sink for &lt;table&gt; elements, optimised for performance by using direct DOM API

Does your web framework let you define precisely how your data should be rendered?

#JavaScript #FrontEnd #UI #Framework #WebDev

stackblitz.com/edit/rimmel-...

08.12.2025 22:59 👍 1 🔁 0 💬 0 📌 0
A humorous timeline titled "My understanding of web dev history," where each new technology from CSS to Svelte Runes is described as being "invented to fix" the previous ones. The final line notes that jQuery is still used on 75% of websites.

A humorous timeline titled "My understanding of web dev history," where each new technology from CSS to Svelte Runes is described as being "invented to fix" the previous ones. The final line notes that jQuery is still used on 75% of websites.

Tired of the framework churn? Our API works with everything, from jQuery to HTMX to whatever comes next. Stop rebuilding your web data tools and just get stable, reliable link previews that work anywhere.

opengraph.tools

#meme #webdevelopment #javascript #frontend #frameworks

05.12.2025 14:11 👍 10 🔁 1 💬 1 📌 0
Preview
A SafeHTML Sink for Rimmel.js powered by DOMPurify - StackBlitz Using DOMPurify to clean untrusted input

Making CSP (Content Security Policy) and Trusted Types work in Rimmel.js with DOMPurify

#javascript #frontend #buildinpublic #ui #cybersecurity

stackblitz.com/edit/rimmel-...

28.11.2025 23:46 👍 4 🔁 1 💬 0 📌 0
Preview
Rimmel.js Effect Maps (Lorem Ipsum) - StackBlitz Wrapping a Lorem Ipsum API in an Effect Mapper. An example implementing Effect Maps to isolate code from side effects.

Variations on Effect Maps with no Chuck Norris and better type safety

(you *might* not fully understand what's going on here => ping)

#javascript #rxjs #buildinpublic #frontend #streamorientedprogramming

stackblitz.com/edit/rimmel-...

27.11.2025 00:13 👍 5 🔁 0 💬 0 📌 0
Preview
Effect Maps with Chuck Norris API - StackBlitz Exposing the Chuck Norris API through an Effect Map with Rimmel.js

Effect maps in practice: using HTML custom elements to map API effects and create pure stream-oriented components.

#JavaScript #RxJS #StreamOrientedProgramming #Programming

stackblitz.com/edit/rimmel-...

26.11.2025 15:02 👍 1 🔁 0 💬 0 📌 0
A CAPTCHA puzzle titled 'Select all companies with profit - If there are none, click skip' showing a 4x4 grid of tech company logos including OpenAI, Snapchat, Vercel, Uber, NVIDIA, DoorDash, Lime, DeepSeek, Anthropic, Reddit, Lovable, Replit, a0.dev, Cursor, Lyft, and Bolt. A blue 'SKIP' button appears at the bottom right. The image satirizes how few tech companies are actually profitable.

A CAPTCHA puzzle titled 'Select all companies with profit - If there are none, click skip' showing a 4x4 grid of tech company logos including OpenAI, Snapchat, Vercel, Uber, NVIDIA, DoorDash, Lime, DeepSeek, Anthropic, Reddit, Lovable, Replit, a0.dev, Cursor, Lyft, and Bolt. A blue 'SKIP' button appears at the bottom right. The image satirizes how few tech companies are actually profitable.

These captcha's are getting out of hand..

Pretty sure the answer is just clicking skip.

24.10.2025 08:14 👍 174 🔁 22 💬 15 📌 3

My first advice to junior contributors is to STOP using vibe coding for PRs. OSS is always about people more than about code. We don't need more code generated by LLM, we need more people who care.

10.11.2025 11:47 👍 270 🔁 63 💬 8 📌 7
Post image

...when you stop celebrating your birthday and celebrate the stars of your open-source projects

github.com/reactivehtml...

#JavaScript #UI #FrontEnd #BuildInPublic #RxJS #RimmelJS #StreamOrientedProgramming

07.11.2025 16:52 👍 6 🔁 1 💬 0 📌 0
Preview
THREE.js stream-animated cubelets in Rimmel.js - StackBlitz Rendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm

Another little 3D animation where position and motion are just streams like everything else.

This is Stream-Oriented Programming.

#JavaScript #WebGL #StreamOrientedProgramming #RxJS #ThreeJS #FrontEnd #UI

stackblitz.com/edit/threejs...

06.11.2025 17:14 👍 2 🔁 0 💬 0 📌 0
Preview
Creating “Suspense” with a BehaviorSubject In the world of JavaScript some frameworks in a constant rush to grow quickly can easily...

BehaviorSubject from #RxJS is the perfect structure to bring "Suspense" to your apps.

It couldn't be simpler, or it's the wrong framework.

#JavaScript #FrontEnd #StreamOrientedProgramming

dev.to/dariomannu/i...

05.11.2025 10:26 👍 1 🔁 0 💬 0 📌 0
Preview
THREE.js scenes in Rimmel.js - StackBlitz Rendering a 3D scene with custom elements powered by THREE.js and Rimmel.js in the Stream-Oriented Paradigm

It was about time.

Work is underway to make THREE.js, RxJS and Rimmel.js work together to make Stream-Oriented 3D Programming a new exciting development of the paradigm.

Click for a little taster

stackblitz.com/edit/threejs...

#javascript #webgl #threejs #rxjs #frontend #indiedev #Buildinpublic

05.11.2025 01:04 👍 6 🔁 1 💬 0 📌 0
Preview
The Fibonacci Stream - StackBlitz An event-driven Fibonacci sequence generator in the Stream-Oriented Paradigm

How do you go from Functional to Stream-Oriented programming?

In FP you bind Functions, in SP you bind Streams.

Start simple with this Fibonacci Sequence as a Stream:

stackblitz.com/edit/rimmel-...

#FunctionalProgramming #JavaScript #Programming #StreamOrientedProgramming

02.11.2025 18:35 👍 1 🔁 0 💬 0 📌 0

Need the TypeScript team to improve variadic tuples...

01.11.2025 21:24 👍 2 🔁 0 💬 0 📌 0
Preview
Functional Web Components with Plain Functions and Streams Whether you're just getting started with web components or looking for easier ways (=less code, zero...

Still stuck creating your #WebComponents with classes, constructors, methods, properties, connectedCallbacks, disconnectedCallbacks, instantiating your Shadow DOM, etc?

There's a simpler way with plain #JavaScript functions.

#UI #FrontEnd #StreamOrientedProgramming

dev.to/dariomannu/w...

01.11.2025 11:52 👍 3 🔁 1 💬 0 📌 0

Challenge Accepted: WebStreams + WebSockets, No Libs
s.tritarget.org/q

29.10.2025 04:15 👍 1 🔁 1 💬 1 📌 0