Put together a pretty cool live @ListenBrainz widget on my website! Auto-updates every 10 seconds, and shows as much metadata as I can cram into the widget space. All that metadata is the bonus of ListenBrainz being so closely tied to MusicBrainz
(and don't worry, I have some pretty aggressive caching so I won't hammer the ListenBrainz or MusicBrainz APIs)
#HTMX is growing on me.
It felt weird at first to generate frontend from the backend. But I gave in because writing more code at the backend was way too tempting. I just can't hold #javascript right.
Using templates and SQL, creating frontend using #php and htmx is pretty nice. Kind of feel like doing #graphql and #Rest together.
But at the end of the day, I am writing less javascript and it is great.
Why not only htmx for a web site...because..
https://www.synthetic-depo.com/
Discussions: https://discu.eu/q/https://www.synthetic-depo.com/
If you are a Python web developer and would like some frontend superpowers without the Javascript fatigue, consider joining my upcoming modern frontends learning sprint.
Need some stickers? Let's have a coffee Spring I/O #SpringIO25 I promise this time I have packed them already. Who else will be in barcelona? #java #spring #htmx #hibernate #community @jugpaderborn
Ep182: Event Sourcing with Chris May is now live!
@_chrismay is a Senior Staff Engineer at WellSky, a software company in the health industry. We discuss his background as a graphic designer, learning #Python (and #Django as an adult, his multiple conference talks on #HTMX, why he’s a fan of event sourcing, and more.
…And there are more interesting tid-bits in there too:
• See how I’m pushing Kitten’s Streaming HTML to its logical conclusion and streaming JavaScript from the server to the client to keep all logic on the server while implementing a client-side feature (copy to clipboard): https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js
• Following on from that, note how the Toast component that’s triggered when something is copied looks (under the hood, Streaming HTML is htmx + WebSockets + some Kitten-specific magic and glues it all together and adds syntactic sugar): https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js
• Finally, check out how layout components and slots work: https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js
I think that’s all the intersting stuff I can spot at the moment.
Have fun!
New blog article. A whistle-stop tour of HTMX extensions and HTMX integration with ASP.NET Core.
https://www.mostlylucid.net/blog/htmxandaspnetcore
#aspnetcore #htmx
What may be interesting is to look at https://data-star.dev, a #hypermedia library (that blows #htmx out of the water), with a back-end in #golang that can potentially replace an entire typical Rube Goldberg front-end stack, depending on the use case.
The maintainers have very interesting talks on YT to highlight the innovative approach, which involve #SSE. The maintainer uses a bootstrap that by default has #SQLite (and #NATS, which 
recently announced relicensing to #BUSL).
I made it easier to define #HTMX templates in my #SpringFunk HTMX library: https://wakingrufus.github.io/spring-funk/htmx.html#templates
"Stability as a feature". Hell yes. After decades navigating the relentless churn of front-end technologies - more of this please. #htmx
New Kitten Release 
• Fix: morph attributes¹ now support interpolated values.
Enjoy!
¹ The morph attribute is Kitten’s shorthand for the hx-swap-oob attribute of htmx, which Kitten uses – and extends – under the hood. To learn more about it, see Kitten’s Streaming HTML tutorial: https://kitten.small-web.org/tutorials/streaming-html/
Go + HTMX starter kit
https://github.com/carsonkrueger/go-htmx-starter
Discussions: https://discu.eu/q/https://github.com/carsonkrueger/go-htmx-starter
Because I do a fair amount of frontend work but think most frontend frameworks are overkill, I use #HTMX and #alpinejs a lot. And @glyph's #NBPy talk made me think about what a #PyScript package that combines both and provides #python handles to both would look like.
What could I build if I had a drop-in #django package that gave me all the interaction I wanted while writing python code?
I have been working towards a #Django starter template that solves a lot of my problems. Figured I would share ;)
This template focuses on the frontend and includes things like #HTMX #DjangoChannels #Playwright and a few more of my favorite tools.
New blog post:
An Auto-Update Partial Updater with Alpine.js and HTMX
How I built a simple update control which uses HTMX and Alpine to call to an ASP.NET Core action to update an element at regular intervals.
https://www.mostlylucid.net/blog/autorefreshwithalpineandhtmx
#htmx #AlpineJS #aspnetcore
I am working on adding a module to #SpringFunk that seamlessly integrates #HTMX, the #Kotlin HTML DSL and #SpringBoot https://wakingrufus.github.io/spring-funk/htmx.html
It is in a very early stage right now, but I think this idea has some potential.
Thinking of creating a GUI application that would use #HTMX to draw its content (I kind of want to learn HTMX).
- HTTP server running on user's UNIX socket, in Go (?), and
- WebKit (?) window that would draw/interact with the content.
Am I crazy? Is there a better way to do this? I have to admit I'm very confused by (the lack of) Gtk/Adwaita documentation for total noobs.
New Kitten release
• New: Lovely new icons¹ and new callouts in Kitten Settings²
• New: Markdown now supports attributes and bracketed spans³
• New: client-side `kitten` global with `trigger` function for triggering events on the server from the client. (Useful when streaming client-side JavaScript when using Kitten’s Streaming HTML⁴ workflow. e.g., when you have to use a client-only web API like the Clipboard API but you want to keep all your logic on your server-side page.⁵)
• Fixed: The bound render function returned by `KittenComponent` class’s `component` getter now correctly awaits asynchronous templates. (In Kitten, you don’t have to care whether your templates contain promises. Kitten handles all that for you.)
Enjoy!
¹ https://kitten.small-web.org/reference/#icons
² https://mastodon.ar.al/@aral/114381983893061099
³ https://kitten.small-web.org/reference/#markdown-support (also see https://mastodon.ar.al/@aral/114381462302862256)
⁴ https://kitten.small-web.org/tutorials/streaming-html/
⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33 Of course, you don’t have to use this and you can just write client-side JavaScript or use the built-in Alpine.js integration. e.g., how I do it on the (older) settings/identity page: https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7
