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)

https://www.piperswe.me/#playing-now

Ever wonder about the accessibility of htmx UIs? We have too ️ https://wagtail.org/blog/htmx-accessibility-gaps-data-and-recommendations/ Includes a review of the available data, common gotchas, and recommendations to navigate those challenges, with a particular focus on the #django ecosystem

It's not how your tool does the simple thing that matters.

It's how the complexity grows as your problem becomes more sophisticated.

That's the real test.

This post brought to you by a Friday afternoon of fun with #Django and #HTMX

#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.

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.

https://prelude.tech/upcoming_workshops/9/details

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.

https://djangochat.com/episodes/event-sourcing-chris-may

Always use a proofreader.

@risottobias

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).

"Stability as a feature". Hell yes. After decades navigating the relentless churn of front-end technologies - more of this please. #htmx

https://htmx.org/essays/future/

New Kitten Release

• Fix: morph attributes¹ now support interpolated values.

https://kitten.small-web.org

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/

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.

https://github.com/preludetech/Django-Starter-Template

New Kitten release

https://kitten.small-web.org

• 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

#htmx tip:

Use htmx.logAll() to log all htmx events to the console. Great for debugging which events are triggering or not!

Building a fast website with the "MASH stack"

https://emschwartz.me/building-a-fast-website-with-the-mash-stack-in-rust/

Discussions: https://discu.eu/q/https://emschwartz.me/building-a-fast-website-with-the-mash-stack-in-rust/

#TIl about reddit alternative #piefed

Just Flask with sprinklings of vanilla JS and htmx.

https://join.piefed.social/2024/01/22/an-introduction-to-the-piefed-codebase/