mastodon.ar.al is one of the many independent Mastodon servers you can use to participate in the fediverse.
This is my personal fediverse server.

Administered by:

Server stats:

1
active users

Aral Balkan

I’m really enjoying the new Streaming HTML workflow in Kitten…

In this 15 second video, I cycle through the options in a selection box using the keyboard and the rest of the interface updates in response.

✨ There’s no custom client-side JavaScript making it happen. ✨

It’s all server side.

The changes stream to the client as HTML and are morphed into place via idiomorph.

So simple and maintainable.

💕

vimeo.com/908339606

I mean, if there is a simpler way to build web apps, I haven’t seen it.

I can’t wait for more folks to start playing with this. One of the things I’m hugely looking forward to is writing up a web development curriculum that teaches you how to build web apps and sites using .

You’ll be learning the foundations of the web – HTML, CSS, and JavaScript – and making useful web apps with persisted data, etc. (not to mention peer-to-peer apps) without the bloat of Big Tech.

PS. Idiomorph isn’t seamlessly integrated into Kitten yet. I plan to integrate it tomorrow. (I’m basically sharing with you stuff that I got running minutes prior to recording a video. So expect a little time between what you see on my screen and a polished version you can use on yours.) :)

:kitten: 💕

Right, ¹ is now integrated into ² and enjoys first-class support via the <page> tag like itself, the htmx extension, Alpine.js, and Water semantic library.

It’s auto-loaded for you if you expose `onConnect()` handlers in your pages when using the new workflow.

(You must still manually add `htmx-swap-oob='morph'` to elements you want to morph. I might add syntactic sugar for this later.)

¹ github.com/bigskysoftware/idio

² codeberg.org/kitten/app

GitHubGitHub - bigskysoftware/idiomorph: A DOM-merging algorithmA DOM-merging algorithm. Contribute to bigskysoftware/idiomorph development by creating an account on GitHub.

@sofiav Yay, will definitely make noise about it when it happens :) 💕

@aral that would be really cool! As someone with a programming background but not Javascript and little HTML/CSS knowledge a foundational course would be very helpful for getting started.

@aral I'd love to learn this but currently I'm having real issues finding any #kitten web dev tutorials because someone choose the most popular entirely unrelated word on the internet for its name. Which moron did that?

@fuzzyface That’d be me.

And the reason you can’t find any tutorials is because they don’t yet exist. Because I’m still working on the first stable release.

@aral Whilst I respect your technical abilities, your effort, your motives and just about everything else I've seen from you, please don't name anything else without checking with us first. 😉

@fuzzyface I quite like the name, actually. I’m not trying to win any SEO contests; word of mouth will do me just fine :)

@aral In that case can I please join any relevant mailing list you may have. I'm not great at searching, so otherwise I'm buggered. 🙂