fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.6K
active users

#hypermedia

0 posts0 participants0 posts today
Puria 💣 Nafisi Azizi<p>Discover Datastar: The Ultimate Hypermedia Framework for Modern Web Development <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> Unleash your creativity with Datastar, the lightweight framework that powers efficient web apps! <a href="https://mastodon.bida.im/tags/Hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hypermedia</span></a></p>
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>
Alex L 🕊 🇵🇸<p><a href="https://mastodon.social/tags/Datastar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Datastar</span></a> <a href="https://mastodon.social/tags/Hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hypermedia</span></a> Framework - combining <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/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a> functionality!</p><p><a href="https://www.youtube.com/watch?v=u4_rNG--QMc" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=u4_rNG--QMc</span><span class="invisible"></span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>TIL the difference between a 302 redirect and a 303 redirect is that the former will issue the request to the new URL using the same <a href="https://mastodon.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTTP</span></a> method as the initial request, whereas the latter will always use a GET.</p><p><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/rest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rest</span></a> <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/hypertext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypertext</span></a> <a href="https://mastodon.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a></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><span class="h-card" translate="no"><a href="https://web.brid.gy/r/https://forem.com/" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>forem.com</span></a></span> no, HTML is a <a href="https://mastodon.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a>; it's better than a programming language.</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="tag">#<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&#39;t hold <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="tag">#<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="tag">#<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="tag">#<span>graphql</span></a> and <a href="https://fosstodon.org/tags/Rest" class="mention hashtag" rel="tag">#<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="tag">#<span>awesome</span></a> <a href="https://fosstodon.org/tags/hypermedia" class="mention hashtag" rel="tag">#<span>hypermedia</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="tag">#<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>
Frederik Hahne<p>See you <span class="h-card" translate="no"><a href="https://ijug.social/@JavaForumNord" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>JavaForumNord</span></a></span> this year! <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/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>
abishek_muthian<p>Hypermedia coping mechanisms.<br><br>Step 1: Implement interactivity through HTMX.<br><br>Feel proud that you didn't have to write JavaScript.<br><br>Step2: Re-implement the entire routine using Hyperscript.<br><br>Feel proud that you didn't have to write JavaScript.<br><br><a href="https://gotosocial.abishekmuthian.com/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://gotosocial.abishekmuthian.com/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://gotosocial.abishekmuthian.com/tags/hyperscript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hyperscript</span></a></p>
Frederik Hahne<p>Okay, No pressure but my Session at <a href="https://mastodon.social/tags/SpringIO25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SpringIO25</span></a> ist now officially one with high number of people interestet in the topic. Even it isone of the final sessions on the first day. <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/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://mastodon.social/tags/java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>java</span></a></p>
Frederik Hahne<p>I am exited to be the first time at <a href="https://mastodon.social/tags/springio25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>springio25</span></a>. Happy to talk about <a href="https://mastodon.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> and <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/java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>java</span></a></p>
JUG Paderborn<p>This year you can meet both our organizers at <a href="https://ijug.social/tags/springio25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>springio25</span></a> in Barcelona🥳<br><span class="h-card" translate="no"><a href="https://fosstodon.org/@thjanssen123" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>thjanssen123</span></a></span> will do a full day workshop about <a href="https://ijug.social/tags/spring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>spring</span></a> data <a href="https://ijug.social/tags/jpa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jpa</span></a> and a regular session why spring data jpa might the cause of death for your application. <span class="h-card" translate="no"><a href="https://mastodon.social/@atomfrede" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>atomfrede</span></a></span> will do a talk about how <a href="https://ijug.social/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> and <a href="https://ijug.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> can simplify your everyday <a href="https://ijug.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> </p><p>Who else will be there? <a href="https://ijug.social/tags/SpringData" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SpringData</span></a> <a href="https://ijug.social/tags/springboot" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>springboot</span></a> <a href="https://ijug.social/tags/java" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>java</span></a> <a href="https://ijug.social/tags/community" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>community</span></a> <a href="https://ijug.social/tags/hibernate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hibernate</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>
Aral Balkan<p>New Kitten Release 🎉</p><p>• Fix: morph attributes¹ now support interpolated values.</p><p><a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ The morph attribute is Kitten’s shorthand for the hx-swap-oob attribute of htmx, which Kitten uses – and extends – under the hood. To learn more about it, see Kitten’s Streaming HTML tutorial: <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/PeerToPeerWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PeerToPeerWeb</span></a> <a href="https://mastodon.ar.al/tags/KittenRelease" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KittenRelease</span></a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a></p>
blaue_Fledermaus<p>It would be cool if some academic "papers" started to be made in hypermedia format, like a mini-wiki, instead of a linear document.</p><p><a href="https://mstdn.io/tags/science" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>science</span></a> <a href="https://mstdn.io/tags/academic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>academic</span></a> <a href="https://mstdn.io/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypermedia</span></a></p>
GripNews<p>🌕 Datastar:未來網路框架?<br>➤ 告別 JavaScript,擁抱伺服器驅動的未來?<br>✤ <a href="https://chrismalek.me/posts/data-star-first-impressions/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">chrismalek.me/posts/data-star-</span><span class="invisible">first-impressions/</span></a><br>這篇文章探討了新的超媒體框架 Datastar,並與目前流行的 HTMX 進行比較。作者分享了他使用 HTMX 遇到的挑戰,以及為何重新評估 Datastar 的過程。Datastar 強調伺服器端邏輯,利用「信號」實現自動化的 UI 更新,並透過伺服器發送事件 (SSE) 達到快速效能。作者認為 Datastar 是一個值得探索的精簡替代方案,但需要以全新的觀點來開發網路應用,擁抱伺服器驅動架構和反應式程式設計。<br>+ 我一直對 JavaScript 感到厭煩,如果 Datastar 真能減少甚至消除對它的依賴,那就太棒了!<br>+ 這篇文章讓我對 Datastar 產生了興趣,看起來它解決了一些 HTMX 的痛點,值得深入研究一下。<br><a href="https://mastodon.social/tags/%E7%B6%B2%E9%A0%81%E9%96%8B%E7%99%BC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>網頁開發</span></a> <a href="https://mastodon.social/tags/%E6%A1%86%E6%9E%B6" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>框架</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/Go" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Go</span></a> <a href="https://mastodon.social/tags/Datastar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Datastar</span></a> <a href="https://mastodon.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a></p>