Conversation

Notices

1. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 04:47:48 JST Aral Balkan

   Rather loving the umpteenth iteration of my streaming setup :)

   (Just recorded a preview of Kitten’s improved component model and will share it once it’s uploaded.)

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 05:03:05 JST Aral Balkan

     in reply to

     • Damu

     @dunderhead Thank you. I do try. Hopefully, they’re not too long. It’s hard to get the balance right sometimes :)

     💕

   • Embed this notice
     Damu (dunderhead@social.vivaldi.net)'s status on Wednesday, 22-Jan-2025 05:03:06 JST Damu

     in reply to

     @aral your captions are amazingly detailed.

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 05:06:26 JST Aral Balkan

     in reply to

     • Stephen Farrugia

     @fasterandworse Haha, I’d actually like to take stuff away if I could but I think I’ve finally hit the sweet spot.

     The hardest bit was making it so I almost don’t have to do any setup whatsoever and have it co-exist with my regular work/coding setup. Finally got there (thanks to going back to the Mac and how well it manages external monitor configurations, etc. Never managed it to my satisfaction during my six years on Linux).

   • Embed this notice
     Stephen Farrugia (fasterandworse@hci.social)'s status on Wednesday, 22-Jan-2025 05:06:27 JST Stephen Farrugia

     in reply to

     @aral nice! in my experience the thing about streaming setups is they are a vortex of "ooh that would be cool to add to my setup"

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 05:41:39 JST Aral Balkan

     in reply to

     Little preview video: Kitten’s improved component model

     • Class-based page routes and components
     • Object-oriented
     • Event-based
     • Seamless hypermedia-driven WebSocket-based event mapping and interface updates (Streaming HTML)
     • A light server-side live component hierarchy with event bubbling
     • Almost as if you’re building a desktop or mobile app instead of a web app…

     … another authoring simplification made possible because on the Small Web you build a web app/site as a tool for one person (the owner of the site/app) instead of as a tool for you to farm millions of people.

     … still experimental ;)

     https://vimeo.com/1049055406

     Learn more about Kitten:

     https://kitten.small-web.org

     If you like what you see and want us to keep existing, we could definitely use your support:

     https://small-tech.org/fund-us/

     :kitten:💕

     #Kitten #SmallWeb #SmallTech #StreamingHTML #objectOriented #eventBased #hypermedia #htmx #WebSocket #HTML #JavaScript #CSS #NodeJS

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 06:09:36 JST Aral Balkan

     in reply to

     PS/ I make silly mistake while copying and pasting at one point in the video and I don’t catch it right away as I apparently don’t save the file although I thought I had. Anyway, the still frame in the video contains the mistake:

     The <h1 morph>${new Date()}</h1> line should be contained in a kitten.html`` tagged template.

     (In the video I only catch the issue when updating the example to make into a persisted counter to show off Kitten’s internal JavaScript database, JSDB.)

     PS. The code you see is all the code in an app that streams a new date to the client whenever a button is pressed. All of it. No other files. Nada. You start kitten and it works (once you’ve fixed my mistake.) ;)

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 19:50:45 JST Aral Balkan

     in reply to

     • thin_line

     @thin_line Thanks :) 💕

   • Embed this notice
     thin_line (thin_line@mamot.fr)'s status on Wednesday, 22-Jan-2025 19:50:47 JST thin_line

     in reply to

     @aral

     Took me a second to figure out where the camera was located.

     Very nice indeed !!

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 19:55:33 JST Aral Balkan

     in reply to

     • Markus Werle

     @markuswerle 💕

   • Embed this notice
     Markus Werle (markuswerle@nrw.social)'s status on Wednesday, 22-Jan-2025 19:55:52 JST Markus Werle

     in reply to

     @aral Bold statements ... ❤️

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 20:06:22 JST Aral Balkan

     in reply to

     So last night, while recording the preview of Kitten’s¹ improved component model², I made a silly mistake (copying raw HTML into a JavaScript function instead of wrapping it in a kitten.html`` tagged template, easy to do when you’re refactoring to pull out components from pages).

     Then, once I figured out what I’d done, I made another one by forgetting to return the value from the function (easy to do when you’re used to using one-line closures as render functions).

     I would have caught both of those so much faster if Kitten had helpful error messages for those two pitfalls. And guess what, this morning, it does :)

     Attached are screenshot showing the before and after error messages.

     Enjoy!

     :kitten:💕

     ¹ https://kitten.small-web.org
     ² Scroll up the thread to watch the video.

     #Kitten #SmallWeb #PeerToPeerWeb #web #server #framework #platform #design #usability #errorMessages #authoring #dev #JavaScript #HTML #CSS #htmx #hypermedia #WebSocket #StreamingHTML #SmallTech

   • Embed this notice
     Shankar (shankarux@mastodon.social)'s status on Wednesday, 22-Jan-2025 20:54:05 JST Shankar

     in reply to

     @aral Hi! I haven’t dug into this yet but I was just thinking about our exchange about Kitten on Mastodon a few months ago. I have a note for myself to try a small project using Kitten. Great to see this framework being developed further and we need more of this on the internet!

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 22-Jan-2025 20:54:05 JST Aral Balkan

     in reply to

     • Shankar

     @shankarux Thanks and please let me know how you get on and if you encounter any issues. Happy to help if I can.

     PS. Love your bio. If only it were the norm, we would be half way to solving the problem.

   • Embed this notice
     Aral Balkan (aral@mastodon.ar.al)'s status on Thursday, 23-Jan-2025 02:52:06 JST Aral Balkan

     in reply to

     Adding more beautiful error messages to Kitten. These should help make it easier to recover from common errors while authoring.

     https://kitten.small-web.org

     #Kitten #errorMessages #design #usability #authoring #SmallWeb #SmallTech #HTML #CSS #JavaScript #NodeJS #server #framework #platform #web #dev