Shame the #stackblitz view counter has been broken since late December... hope it's going to be fixed anytime soon.....
Shame the #stackblitz view counter has been broken since late December... hope it's going to be fixed anytime soon.....
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
Love it!!
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?
so, "being labelled by" is closer to "do open that" than to "being opened by"?
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
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?
More experiments with the HTML Invoker API and custom commands
#HTML #JavaScript #FrontEnd #StreamOrientedProgramming
stackblitz.com/edit/html-in...
no way!
HTML Invoker API
-------------------
a little experiment in stream-oriented programming
#JavaScript #RxJS #FrontEnd
stackblitz.com/edit/html-in...
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...
Hmmm... could you please expand this "handling of a button's complexity", and what exactly you mean by optimising? Not sure I'm following...
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>
```
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
Does your web framework let you define precisely how your data should be rendered?
#JavaScript #FrontEnd #UI #Framework #WebDev
stackblitz.com/edit/rimmel-...
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
Making CSP (Content Security Policy) and Trusted Types work in Rimmel.js with DOMPurify
#javascript #frontend #buildinpublic #ui #cybersecurity
stackblitz.com/edit/rimmel-...
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-...
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-...
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.
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.
...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
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...
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...
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
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
Need the TypeScript team to improve variadic tuples...
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...
Challenge Accepted: WebStreams + WebSockets, No Libs
s.tritarget.org/q