Veganism Social

Prem Kumar Aparanji 👶🤖🐘Is there no <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> <a href="https://mastodon.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#VibeCoding</a> tool that lets you build web apps without <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> / <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#nextjs</a>?Something that builds <a href="https://mastodon.social/tags/localfirst" class="mention hashtag" rel="nofollow noopener" target="_blank">#localfirst</a> <a href="https://mastodon.social/tags/PWA" class="mention hashtag" rel="nofollow noopener" target="_blank">#PWA</a> with vanilla <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>, with single-click deployment even to a <a href="https://mastodon.social/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener" target="_blank">#RaspberryPi</a>, and optionally uses CDNs?Think of something like what DuckLake does with DuckDB <a href="https://mastodon.social/tags/WASM" class="mention hashtag" rel="nofollow noopener" target="_blank">#WASM</a> but for transactional systems instead of analytical – compute on the edge/endpoint with centralised storage?Maybe with <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a>, <a href="https://mastodon.social/tags/WebRTC" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebRTC</a> & <a href="https://mastodon.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#Fediverse</a> as optional additions?<a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@slightlyoff</a> <a href="https://fedi.simonwillison.net/@simon" class="u-url mention" rel="nofollow noopener" target="_blank">@simon</a>

GripNews🌘 讓 libcurl 在 WebAssembly 中運作 ➤ 繞過 WebAssembly 網路限制，讓 libcurl 暢行無阻 ✤ <a href="https://jeroen.github.io/notes/webassembly-curl/" rel="nofollow noopener" translate="no" target="_blank">https://jeroen.github.io/notes/webassembly-curl/</a> 本文詳細說明如何透過 WebSocket 代理伺服器，讓依賴 libcurl 的應用程式在 WebAssembly 環境中無需修改即可運作。由於 WebAssembly 本身缺乏直接的 TCP 連線能力，作者提出一種巧妙的解決方案：利用 Emscripten 的 WebSocket 封裝機制，將 TCP 流量導向至一個 WebSocket 代理，該代理再將流量轉發給 SOCKS5 代理，進而允許 libcurl 連線到外部網路服務。文章也探討了 WSS 的使用、生產環境的設定，並提供實際的 R 語言範例來展示此技術的應用。 + 這方法聽起來很有趣，解決了 WebAssembly 網頁應用程式在網路存取上的主要瓶頸！ + 感謝作者分享這麼詳盡的技術細節，特別是 <a href="https://mastodon.social/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAssembly</a> <a href="https://mastodon.social/tags/libcurl" class="mention hashtag" rel="nofollow noopener" target="_blank">#libcurl</a> <a href="https://mastodon.social/tags/%E7%B6%B2%E8%B7%AF%E4%BB%A3%E7%90%86" class="mention hashtag" rel="nofollow noopener" target="_blank">#網路代理</a> <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.social/tags/SOCKS5" class="mention hashtag" rel="nofollow noopener" target="_blank">#SOCKS5</a>

Neustradamus :xmpp: :linux:<a href="https://mastodon.social/tags/XOWS" class="mention hashtag" rel="nofollow noopener" target="_blank">#XOWS</a> 0.9.8 has been released (<a href="https://mastodon.social/tags/XMPPOverWebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#XMPPOverWebSocket</a> / <a href="https://mastodon.social/tags/Jabber" class="mention hashtag" rel="nofollow noopener" target="_blank">#Jabber</a> / <a href="https://mastodon.social/tags/XMPP" class="mention hashtag" rel="nofollow noopener" target="_blank">#XMPP</a> / <a href="https://mastodon.social/tags/XMPPClient" class="mention hashtag" rel="nofollow noopener" target="_blank">#XMPPClient</a> / <a href="https://mastodon.social/tags/JabberClient" class="mention hashtag" rel="nofollow noopener" target="_blank">#JabberClient</a> / <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a>) <a href="https://github.com/iquercorb/xows" rel="nofollow noopener" translate="no" target="_blank">https://github.com/iquercorb/xows</a>

Neustradamus :xmpp: :linux:<a href="https://mastodon.social/tags/curl" class="mention hashtag" rel="nofollow noopener" target="_blank">#curl</a> 8.15.0 has been released (<a href="https://mastodon.social/tags/libcurl" class="mention hashtag" rel="nofollow noopener" target="_blank">#libcurl</a> / <a href="https://mastodon.social/tags/Haxx" class="mention hashtag" rel="nofollow noopener" target="_blank">#Haxx</a> / <a href="https://mastodon.social/tags/DICT" class="mention hashtag" rel="nofollow noopener" target="_blank">#DICT</a> / <a href="https://mastodon.social/tags/FILE" class="mention hashtag" rel="nofollow noopener" target="_blank">#FILE</a> / <a href="https://mastodon.social/tags/FTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#FTP</a> / <a href="https://mastodon.social/tags/FTPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#FTPS</a> / <a href="https://mastodon.social/tags/Gopher" class="mention hashtag" rel="nofollow noopener" target="_blank">#Gopher</a> / <a href="https://mastodon.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTTP</a> / <a href="https://mastodon.social/tags/HTTPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTTPS</a> / <a href="https://mastodon.social/tags/IMAP" class="mention hashtag" rel="nofollow noopener" target="_blank">#IMAP</a> / <a href="https://mastodon.social/tags/IMAPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#IMAPS</a> / <a href="https://mastodon.social/tags/LDAP" class="mention hashtag" rel="nofollow noopener" target="_blank">#LDAP</a> / <a href="https://mastodon.social/tags/LDAPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#LDAPS</a> / <a href="https://mastodon.social/tags/MQTT" class="mention hashtag" rel="nofollow noopener" target="_blank">#MQTT</a> / <a href="https://mastodon.social/tags/POP3" class="mention hashtag" rel="nofollow noopener" target="_blank">#POP3</a> / <a href="https://mastodon.social/tags/POP3S" class="mention hashtag" rel="nofollow noopener" target="_blank">#POP3S</a> / <a href="https://mastodon.social/tags/RTMP" class="mention hashtag" rel="nofollow noopener" target="_blank">#RTMP</a> / <a href="https://mastodon.social/tags/RTMPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#RTMPS</a> / <a href="https://mastodon.social/tags/RTSP" class="mention hashtag" rel="nofollow noopener" target="_blank">#RTSP</a> / <a href="https://mastodon.social/tags/SCP" class="mention hashtag" rel="nofollow noopener" target="_blank">#SCP</a> / <a href="https://mastodon.social/tags/SFTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#SFTP</a> / <a href="https://mastodon.social/tags/SMB" class="mention hashtag" rel="nofollow noopener" target="_blank">#SMB</a> / <a href="https://mastodon.social/tags/SMBS" class="mention hashtag" rel="nofollow noopener" target="_blank">#SMBS</a> / <a href="https://mastodon.social/tags/SMTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#SMTP</a> / <a href="https://mastodon.social/tags/SMTPS" class="mention hashtag" rel="nofollow noopener" target="_blank">#SMTPS</a> / <a href="https://mastodon.social/tags/Telnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#Telnet</a> / <a href="https://mastodon.social/tags/TFTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#TFTP</a> / <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> / <a href="https://mastodon.social/tags/SOCKS4" class="mention hashtag" rel="nofollow noopener" target="_blank">#SOCKS4</a> / <a href="https://mastodon.social/tags/SOCKS5" class="mention hashtag" rel="nofollow noopener" target="_blank">#SOCKS5</a> / <a href="https://mastodon.social/tags/SCRAM" class="mention hashtag" rel="nofollow noopener" target="_blank">#SCRAM</a> / <a href="https://mastodon.social/tags/TLS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TLS</a> / <a href="https://mastodon.social/tags/HTTP2" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTTP2</a> / <a href="https://mastodon.social/tags/HTTP3" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTTP3</a>) <a href="https://curl.se/" rel="nofollow noopener" translate="no" target="_blank">https://curl.se/</a>

Hacker NewsBinaryRPC – Lightweight WebSocket-based RPC framework in modern C++<a href="https://github.com/efecan0/binaryrpc-framework" rel="nofollow noopener" translate="no" target="_blank">https://github.com/efecan0/binaryrpc-framework</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/BinaryRPC" class="mention hashtag" rel="nofollow noopener" target="_blank">#BinaryRPC</a> <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.social/tags/C" class="mention hashtag" rel="nofollow noopener" target="_blank">#C</a>++ <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#Framework</a> <a href="https://mastodon.social/tags/LightweightRPC" class="mention hashtag" rel="nofollow noopener" target="_blank">#LightweightRPC</a> <a href="https://mastodon.social/tags/ModernC" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernC</a>++

Aral BalkanNew Kitten release 🎉<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>• 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! :kitten:💕¹ <a href="https://kitten.small-web.org/reference/#icons" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#icons</a>² <a href="https://mastodon.ar.al/@aral/114381983893061099" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381983893061099</a>³ <a href="https://kitten.small-web.org/reference/#markdown-support" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-support</a> (also see <a href="https://mastodon.ar.al/@aral/114381462302862256" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381462302862256</a>)⁴ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33</a> 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: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a>

Aral BalkanNew Kitten Release• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages. If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:<a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>Enjoy!:kitten:💕¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler.<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/beautifulDefaults" class="mention hashtag" rel="nofollow noopener" target="_blank">#beautifulDefaults</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a>

Aral BalkanNew Kitten release• Fixes issue with routes where dynamic routes with file names that had more than two extensions were not recognised as the correct type of route. e.g., A route called index.xml.get.js would previously have been treated as a static route instead of a dynamic GET route.<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>For more details, see the Valid File Types section of the Kitten reference¹ and the Dynamic Pages tutorial².Enjoy!:kitten:💕¹ <a href="https://kitten.small-web.org/reference/#valid-file-types" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#valid-file-types</a> ² <a href="https://kitten.small-web.org/tutorials/dynamic-pages/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/dynamic-pages/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/server" class="mention hashtag" rel="nofollow noopener" target="_blank">#server</a> <a href="https://mastodon.ar.al/tags/framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#framework</a> <a href="https://mastodon.ar.al/tags/kit" class="mention hashtag" rel="nofollow noopener" target="_blank">#kit</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/routing" class="mention hashtag" rel="nofollow noopener" target="_blank">#routing</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

Aral BalkanNew Kitten release• You can now use key paths in the names of your client-side live components and these will automatically be transformed into object hierarchies on the server for you.¹• Self heals zombie live pages (see Streaming HTML workflow²) if they return to life due to client-side browser cache.³• Removes htmx⁴ headers from `data` property into separate `header` property in Kitten Page events and the data your Kitten Page message handlers receive.• Automatically passes references to the live page object (if any) and the request and response objects to the layout templates of Markdown pages⁵ (so you can, for example, check if `request.session.authenticated`⁶ is true from the your layout template and customise the layout accordingly).<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>Enjoy!:kitten:💕¹ e.g., See <a href="https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L356" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L356</a> (markup) and <a href="https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L173" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L173</a> (handler) and <a href="https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L95" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L95</a> (model class method). ² See Streaming HTML tutorial: <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a> (There’s actually more to it now but I haven’t had a chance to document the new class-based and event-driven live page workflow yet. It’s experimental but working very well for me so far so I will do so shortly.)³ When a person leaves a live/connected page (a page connected to its default web socket), we clean up and remove that live page from memory. However, browsers being what they are, cache the page on the client. If a person uses the back/forward buttons to return to the page, the browser will serve the cached source from memory, which has the old page ID, for the page that no longer exists in Kitten’s memory. So now we have a problem. The only way to recover from this is to tell the page to reload itself. So we accept the WebSocket connection, send a command to the page for it to reload itself, and then close the socket. That makes the stale page self heal by replacing itself with a fresh one. Yay, go us!⁴ HTMX: <a href="https://htmx.org" rel="nofollow noopener" translate="no" target="_blank">https://htmx.org</a>⁵ Kitten Markdown pages reference: <a href="https://kitten.small-web.org/reference/#markdown-pages-page-md-files" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-pages-page-md-files</a>⁶ See Session tutorial: <a href="https://kitten.small-web.org/tutorials/sessions/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/sessions/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> <a href="https://mastodon.ar.al/tags/Markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#Markdown</a> <a href="https://mastodon.ar.al/tags/sessions" class="mention hashtag" rel="nofollow noopener" target="_blank">#sessions</a> <a href="https://mastodon.ar.al/tags/data" class="mention hashtag" rel="nofollow noopener" target="_blank">#data</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a>

Aral BalkanMay I just say so myself that I‘m loving playing with Kitten¹ to build Domain² (shown below) and Place³.¹ <a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a> ² <a href="https://codeberg.org/domain/app" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/domain/app</a> ³ <a href="https://codeberg.org/place/app" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/place/app</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/Domain" class="mention hashtag" rel="nofollow noopener" target="_blank">#Domain</a> <a href="https://mastodon.ar.al/tags/Place" class="mention hashtag" rel="nofollow noopener" target="_blank">#Place</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/humanRights" class="mention hashtag" rel="nofollow noopener" target="_blank">#humanRights</a> <a href="https://mastodon.ar.al/tags/democracy" class="mention hashtag" rel="nofollow noopener" target="_blank">#democracy</a> <a href="https://mastodon.ar.al/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> <a href="https://mastodon.ar.al/tags/peerToPeer" class="mention hashtag" rel="nofollow noopener" target="_blank">#peerToPeer</a> <a href="https://mastodon.ar.al/tags/peerToPeerWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#peerToPeerWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/objectOriented" class="mention hashtag" rel="nofollow noopener" target="_blank">#objectOriented</a> <a href="https://mastodon.ar.al/tags/eventBased" class="mention hashtag" rel="nofollow noopener" target="_blank">#eventBased</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a>

Aral BalkanLittle 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 – which is a peer-to-peer 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 ;)<a href="https://vimeo.com/1049055406" rel="nofollow noopener" translate="no" target="_blank">https://vimeo.com/1049055406</a>Learn more about Kitten:<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>If you like what you see and want us to keep existing, we could definitely use your support:<a href="https://small-tech.org/fund-us/" rel="nofollow noopener" translate="no" target="_blank">https://small-tech.org/fund-us/</a>:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/objectOriented" class="mention hashtag" rel="nofollow noopener" target="_blank">#objectOriented</a> <a href="https://mastodon.ar.al/tags/eventBased" class="mention hashtag" rel="nofollow noopener" target="_blank">#eventBased</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a>

Recent searches

Search options

Administered by:

Server stats:

#websocket

Recent searches

Search options

Administered by:

Server stats:

webSocket

#websocket