Untitled attachment

Notices where this attachment appears

1. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Tuesday, 21-Jan-2025 02:41:49 JST Aral Balkan

   @lumen Hey, thanks so much :)

   The main two apps that will initially be using it are Place (https://codeberg.org/place/app) and Domain (https://codeberg.org/domain/app) — both under heavy development at the moment.

   There are some mini apps I made that you can play, each with their own tutorial.

   • Draw Together (https://draw-together.small-web.org; tutorial: https://kitten.small-web.org/tutorials/streaming-html/)
   • Kitten Kawaii (https://kitten-kawaii.small-web.org/character/blissful/granny-smith-apple/cat/, write up: https://ar.al/2024/08/19/kitten-kawaii-porting-a-react-library-and-next-js-web-site-to-kitten/)
   • Streamiverse¹ (https://streamiverse.small-web.org, tutorial: https://kitten.small-web.org/tutorials/htmx-the-htmx-web-socket-extension-and-socket-routes/)

   And you can find a host of little examples in the codebase:

   https://codeberg.org/kitten/app/src/branch/main/examples

   Hope that helps. Until the Small Web stuff is publicly released I don’t really foresee a lot of folks using it. Although I know a few people are playing with it.

   ¹ Just noticed I need to improve it so it recaches profile images if they’ve changed. Noticed a couple of broken ones.

   #Kitten #SmallWeb #SmallTech #web #dev #examples #tutorials #web #dev #HTML #CSS #JavaScript #nodeJS #WebSocket #htmx #hypermedia

2. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Friday, 18-Oct-2024 01:54:19 JST Aral Balkan

   Just added a code breakdown for the Draw Together¹ Kitten² app to my blog post with the tutorial video:

   https://ar.al/2024/03/26/draw-together/

   Draw Together, in ~50 lines of code, is a real-time collaborative drawing tool on a 20×20 pixel grid where people can click to toggle the colour of each pixel.

   (The full source and explanations fit the four screenshots on this post.)

   ¹ https://draw-together.small-web.org
   ² https://kitten.small-web.org

   #Kitten #DrawTogether #web #design #dev #SmallWeb #WebSockets #StreamingHTML

3. Embed this notice
   Adrian (adrian@libretooth.gr)'s status on Thursday, 27-Jun-2024 03:06:58 JST Adrian

   in reply to

   @eieio niiiice. Kinda reminds me of @aral 's draw together thingy
   https://draw-together.small-web.org/

4. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Sunday, 31-Mar-2024 15:53:43 JST Aral Balkan

   in reply to

   G’morning! Looks like the kitty is gone but the trans pride remains :)

   https://draw-together.small-web.org

   🩵🩷🤍🩷🩵

   #DrawTogether #CGA #PaletteOne #TransPride #TransWomenAreWomen #TransMenAreMen

5. Embed this notice
   Aral Balkan (aral@mastodon.ar.al)'s status on Tuesday, 26-Mar-2024 21:20:26 JST Aral Balkan

   in reply to

   I’m just about to record a video where I create the Draw Together Kitten¹ app from scratch in one take. If any of you want to be in the initial demo of the live version, feel free to head on over to https://draw-together.small-web.org and demonstrate your pixel drawing skills :)

   https://draw-together.small-web.org

   ¹ https://codeberg.org/kitten/app

   #DrawTogether #Kitten #SmallWeb #community