mastodon.ie is one of the many independent Mastodon servers you can use to participate in the fediverse.
Irish Mastodon - run from Ireland, we welcome all who respect the community rules and members.

Administered by:

Server stats:

1.5K
active users

#hypermedia

0 posts0 participants0 posts today
just small circles 🕊<p><span class="h-card" translate="no"><a href="https://social.coop/@judell" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>judell</span></a></span> hey, this is very interesting. The old VB UI in a new web jacket. I just tooted about the Rube Goldberg machine that is modern web dev, and in some ways I was more empowered at the start of my career in 1997 with Visual Basic.</p><p><a href="https://social.coop/@smallcircles/114878688112419149" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">social.coop/@smallcircles/1148</span><span class="invisible">78688112419149</span></a></p><p>You might have a look if maybe there isn't a cool combination to make with <a href="https://social.coop/tags/Datastar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Datastar</span></a> at <a href="https://data-star.dev" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">data-star.dev</span><span class="invisible"></span></a> which recently went v1.0</p><p>They continue where <a href="https://social.coop/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> stopped, in <a href="https://social.coop/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> land, where they use <a href="https://social.coop/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> for complex UI.</p>
@haitchfive<p>AQUANET<br>Spatial Hypertext <br><a href="https://www.youtube.com/watch?v=7SlJnoC0kec" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=7SlJnoC0ke</span><span class="invisible">c</span></a></p><p>Paper<br><a href="https://people.engr.tamu.edu/shipman/viki/papers/echt92/echt92.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">people.engr.tamu.edu/shipman/v</span><span class="invisible">iki/papers/echt92/echt92.html</span></a><br>Two Years before the Mist: Experiences with Aquanet</p><p>by<br>Catherine C. Marshall, Russell A. Rogers, 1992</p><p><a href="https://oldbytes.space/tags/hypertext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypertext</span></a> <a href="https://oldbytes.space/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>URLs should be able to include HTTP verbs and headers. </p><p>They say "URLs define the "what" not the "how"" but protocol prefixes, file extensions, and query parameters are part of the how and yet they all exist in the URL. </p><p>Leaving HTTP verbs and headers out of URLs was an arbitrary decision.</p><p><a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/http" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>http</span></a> <a href="https://mastodon.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://mastodon.social/tags/hateoas" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hateoas</span></a> <a href="https://mastodon.social/tags/webStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webStandards</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/networking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>networking</span></a></p>
dilawar<p><a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> is growing on me. </p><p>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 <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> right.</p><p>Using templates and SQL, creating frontend using <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> and htmx is pretty nice. Kind of feel like doing <a href="https://fosstodon.org/tags/graphql" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>graphql</span></a> and <a href="https://fosstodon.org/tags/Rest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rest</span></a> together. </p><p>But at the end of the day, I am writing less javascript and it is great.</p><p><a href="https://fosstodon.org/tags/awesome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>awesome</span></a> <a href="https://fosstodon.org/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
arabiccola<p>Have you heard of fixi? <a href="https://github.com/bigskysoftware/fixi" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/bigskysoftware/fixi</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.social/tags/htmz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmz</span></a> <a href="https://mastodon.social/tags/serverside" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>serverside</span></a> <a href="https://mastodon.social/tags/server" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>server</span></a> <a href="https://mastodon.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://mastodon.social/tags/minimal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>minimal</span></a></p>
:mastodon: Mike Amundsen<p>Lessons from 22 Years of Building at Scale – Robert Farr (Principal Architect, Procore) | TGT #19 <a href="https://buff.ly/JhuegRT" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">buff.ly/JhuegRT</span><span class="invisible"></span></a></p><p>"You know when I heard the first time about agents and how they could use APIs it was immediately clear hypermedia was built for agents. And do you know how many people use hypermedia for agents? Exactly nobody. Because I think nobody ever understood the power of hypermedia." - Jens Neuse at the 26:30 mark</p><p><a href="https://mastodon.social/tags/genAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>genAI</span></a> <a href="https://mastodon.social/tags/agents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>agents</span></a> <a href="https://mastodon.social/tags/Hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hypermedia</span></a></p>
Jörg Kantel<p>Decker goes Visual Novel (und bringt neue Version 1.55)</p><p>Über Decker, den freien (MIT-Lizenz), nostaligischen und plattformübergreifenden (Linux, macOS, Windows) HyperCard-Nachbau hatte ich das letzte Mal vor etwa einem Jahr berichtet. Diese monatelange Ignoranz war ein schändliches Versäumnis meinerseits. <a href="https://kantel.github.io/posts/2025052202_decker_goes_vn/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kantel.github.io/posts/2025052</span><span class="invisible">202_decker_goes_vn/</span></a> <a href="https://mastodon.social/tags/Decker" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Decker</span></a> <a href="https://mastodon.social/tags/Retrocomputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Retrocomputing</span></a> <a href="https://mastodon.social/tags/Retrogaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Retrogaming</span></a> <a href="https://mastodon.social/tags/Hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hypermedia</span></a> <a href="https://mastodon.social/tags/InteractiveFiction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InteractiveFiction</span></a></p>
just small circles 🕊<p><span class="h-card" translate="no"><a href="https://toot.risottobias.org/@risottobias" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>risottobias</span></a></span> </p><p>What may be interesting is to look at <a href="https://data-star.dev" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">data-star.dev</span><span class="invisible"></span></a>, a <a href="https://social.coop/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> library (that blows <a href="https://social.coop/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> out of the water), with a back-end in <a href="https://social.coop/tags/golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>golang</span></a> that can potentially replace an entire typical Rube Goldberg front-end stack, depending on the use case.</p><p>The maintainers have very interesting talks on YT to highlight the innovative approach, which involve <a href="https://social.coop/tags/SSE" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SSE</span></a>. The maintainer uses a bootstrap that by default has <a href="https://social.coop/tags/SQLite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SQLite</span></a> (and <a href="https://social.coop/tags/NATS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NATS</span></a>, which 😬 recently announced relicensing to <a href="https://social.coop/tags/BUSL" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BUSL</span></a>).</p>

A Hypermedia Hero's Tale

After more than a decade, I am pulling together old notes, introducing new characters , and expanding the story of Stacia and Hyperion into a short book: “A Hypermedia Hero’s Tale”. You can ready a sample from an early draft here. buff.ly/cjCH0SX

“Can you reach Hyperion and unlock the secrets of emergent design? The path awaits.”

New 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.¹

kitten.small-web.org

For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:

kitten.small-web.org/tutorials

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.

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

kitten.small-web.org

For more details, see the Valid File Types section of the Kitten reference¹ and the Dynamic Pages tutorial².

Enjoy!

:kitten:💕

¹ kitten.small-web.org/reference
² kitten.small-web.org/tutorials

New Kitten update

kitten.small-web.org

• Added `remove()` method to kitten.Component class. Use this when working with live pages and components and you want to remove a component from the page (or its parent). It will handle removing event listeners for you so you don’t end up with any memory leaks.

• Improved `update()` method so it similarly removes listeners on child components before updating the component itself in case you have class-based child components that will be reinstantiated on render.

• Updated the `send()` methods on `page.everyone` and `page.everyoneElse` so you can pass a swap target to insert the element being streamed to the page before, after, asFirstChildOf, or asLastChildOf another. (This was already there for the page.send() but now the two broadcast objects have the same consistent interface.

The @small-web/kitten npm package (Kitten’s types package) has also been updated to version 5.1.0 to reflect the latest changes.

(Remember that the new class and event-based page and component model is still experimental and largely undocumented and fully backwards compatible with the classic functional way of authoring your page routes and components.)

Enjoy!

:kitten:💕