#hypermedia — Public Fediverse posts

If you're still interested in the definition of #hypertext and #hypermedia, take a look at this page:

https://csmt.uchicago.edu/glossary2004/hypermedia.htm

Building Progressively Enhanced Forms with htmx

In which I go into things I've learned over the course of the last year building moderately complex web UIs for ties, using plain HTML and htmx.

https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/

#smallweb #webdev #html #hypermedia #htmx

Building Progressively Enhanced Forms with htmx

In which I go into things I've learned over the course of the last year building moderately complex web UIs for ties, using plain HTML and htmx.

https://www.rafa.ee/articles/progressive-enhanced-forms-htmx/

#smallweb #webdev #html #hypermedia #htmx

Aus meinem Laboratorium für interaktive Geschichten und Spiele: Decker-Updates

Der regelmäßig auf diesen Seiten erwähnte »Freund aus Bremen« hat wieder zugeschlagen. Vor ein paar Tagen machte er mich darauf aufmerksam, daß es von Decker, ein neues Update gäbe. https://kantel.github.io/posts/2026072301_decker_updates/ #Decker #InteractiveFiction #Retrocomputing #Hypermedia #GameDev

Aus meinem Laboratorium für interaktive Geschichten und Spiele: Decker-Updates

Der regelmäßig auf diesen Seiten erwähnte »Freund aus Bremen« hat wieder zugeschlagen. Vor ein paar Tagen machte er mich darauf aufmerksam, daß es von Decker, ein neues Update gäbe. https://kantel.github.io/posts/2026072301_decker_updates/ #Decker #InteractiveFiction #Retrocomputing #Hypermedia #GameDev

Your REST API returns a status field. The client still has to guess what comes next.

In this tutorial I build a small Quarkus service where HAL links change with workflow state. A CREATED shipment shows pay and cancel. After payment, those disappear and pack shows up.

The server tells the truth about valid actions. The client follows links instead of maintaining its own state machine.

https://www.the-main-thread.com/p/quarkus-hal-next-actions

#Quarkus #Java #REST #HAL #Hypermedia

Your REST API returns a status field. The client still has to guess what comes next.

In this tutorial I build a small Quarkus service where HAL links change with workflow state. A CREATED shipment shows pay and cancel. After payment, those disappear and pack shows up.

The server tells the truth about valid actions. The client follows links instead of maintaining its own state machine.

https://www.the-main-thread.com/p/quarkus-hal-next-actions

#Quarkus #Java #REST #HAL #Hypermedia

Happy 14th birthday, Spring HATEOAS! 🍃🔗🥳 https://github.com/spring-projects/spring-hateoas/commit/21b1a4ec8cd76653fc49a6d7bc6b2c38a6d7685c #hypermedia #hateoas

Happy 14th birthday, Spring HATEOAS! 🍃🔗🥳 https://github.com/spring-projects/spring-hateoas/commit/21b1a4ec8cd76653fc49a6d7bc6b2c38a6d7685c #hypermedia #hateoas

This RSS-translator will be in the next release of janusweb.
Link/surf to any RSS-URL in your 3D space, and it'll give you a portal to this room ♥️

#janusweb #webxr #hypermedia #rss

https://coderofsalvation.github.io/janus-guide

https://xrhf.isvery.ninja

This RSS-translator will be in the next release of janusweb.
Link/surf to any RSS-URL in your 3D space, and it'll give you a portal to this room ♥️

#janusweb #webxr #hypermedia #rss

https://coderofsalvation.github.io/janus-guide

https://xrhf.isvery.ninja

𝗗𝗮𝘁𝗮𝘀𝘁𝗮𝗿:

#Hypermedia #Framework #Datastar

https://thewhale.cc/posts/datastar

Datastar is a lightweight framework for building everything from simple sites to real-time collaborative web apps.

#ThoughtProvoker 🤔

There are interesting paradigm shifts possible today, which result in great opportunities to break the browser oligopoly, and SaaS + cloud vendor hegemony of Web 2.0 with its Rube Goldberg technology stack.

@strypey referred to one of them, in a post to the Open App Ecosystem community group on #Loomio: The #hypermedia #web.

Since my hobby (it doesn't earn income yet) involves elaborating #SX methodology as a Social experience designer, I thought it interesting to add my follow-up from that perspective..

https://www.loomio.com/d/VYPyO17M/building-interactive-websites-in-a-post-framework-web/13

#SocialCoding #SocialExperienceDesign #SocialWeb #fediverse

#ThoughtProvoker 🤔

There are interesting paradigm shifts possible today, which result in great opportunities to break the browser oligopoly, and SaaS + cloud vendor hegemony of Web 2.0 with its Rube Goldberg technology stack.

@strypey referred to one of them, in a post to the Open App Ecosystem community group on #Loomio: The #hypermedia #web.

Since my hobby (it doesn't earn income yet) involves elaborating #SX methodology as a Social experience designer, I thought it interesting to add my follow-up from that perspective..

https://www.loomio.com/d/VYPyO17M/building-interactive-websites-in-a-post-framework-web/13

#SocialCoding #SocialExperienceDesign #SocialWeb #fediverse

🥳 New Kitten Release

• Fix: Events on `KittenComponent` hierarchies are now bubbled in reverse (from children down to parents). This provides for predictable event firing in cases where parents might emit events (e.g., a page emitting an event from its `onConnect()` handler). Your existing code should work as before with certain edge cases that might have broken before no longer breaking.

Enjoy!

:kitten:💕

#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML

🥳 New Kitten Release

• Fix: Events on `KittenComponent` hierarchies are now bubbled in reverse (from children down to parents). This provides for predictable event firing in cases where parents might emit events (e.g., a page emitting an event from its `onConnect()` handler). Your existing code should work as before with certain edge cases that might have broken before no longer breaking.

Enjoy!

:kitten:💕

#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML

🥳 New Kitten Release

• `KittenComponent` (and thereby `KittenPage`) gains an `emit()` method.

Use this to bubble events from your page to all child components or from any component to all of its child components.

This is useful, for example, for setting the state of a page or a component where each child component knows how to present itself for that state.

(That, in turn, is useful if you want to be able to restore state based on URLs.)

The naming convention-based mapping of event names to event handler names is the same as for the events you receive from the client. So an event called `myEvent` will result in `onMyEvent` handlers on child components being called.

(Also update @small-web/kitten to version 7.1.0 to get language intelligence for the new method.)

Enjoy!

:kitten:💕

#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML

🥳 New Kitten Release

• `KittenComponent` (and thereby `KittenPage`) gains an `emit()` method.

Use this to bubble events from your page to all child components or from any component to all of its child components.

This is useful, for example, for setting the state of a page or a component where each child component knows how to present itself for that state.

(That, in turn, is useful if you want to be able to restore state based on URLs.)

The naming convention-based mapping of event names to event handler names is the same as for the events you receive from the client. So an event called `myEvent` will result in `onMyEvent` handlers on child components being called.

(Also update @small-web/kitten to version 7.1.0 to get language intelligence for the new method.)

Enjoy!

:kitten:💕

#Kitten #KittenReleases #SmallWeb #SmallTech #web #dev #events #serverSide #eventBased #components #hypermedia #streamingHTML

Rich and balanced comparison of the performance of SPA and hypermedia based web app with interesting findings 👏 The post includes limitations/caveats along with balanced when-to-use recommendations 👍

#SPA #web #hypermedia #performance

https://zweiundeins.gmbh/en/methodology/spa-vs-hypermedia-real-world-performance-under-load

Rich and balanced comparison of the performance of SPA and hypermedia based web app with interesting findings 👏 The post includes limitations/caveats along with balanced when-to-use recommendations 👍

#SPA #web #hypermedia #performance

https://zweiundeins.gmbh/en/methodology/spa-vs-hypermedia-real-world-performance-under-load

@steve @evan

Oh, that is very interesting. I will queue this up for inclusion in the delightful fediverse development curated list.

#Datastar may be a great library to check out here, and goes further in #hypermedia approach, where #HTMX considers itself feature-complete. Datastar uses #SSE to keep the connection to the client open. The client-side JS lib that is needed is super small. In datastar apps most of the business logic lives in the backend, and it lends itself very well for #EventSourcing. The original author/co-maintainer uses it with #NATS which also serves as the event store.

https://data-star.dev

@steve @evan

Oh, that is very interesting. I will queue this up for inclusion in the delightful fediverse development curated list.

#Datastar may be a great library to check out here, and goes further in #hypermedia approach, where #HTMX considers itself feature-complete. Datastar uses #SSE to keep the connection to the client open. The client-side JS lib that is needed is super small. In datastar apps most of the business logic lives in the backend, and it lends itself very well for #EventSourcing. The original author/co-maintainer uses it with #NATS which also serves as the event store.

https://data-star.dev

Is HTMX's dogmatic insistence on HTML holding it back? Discover JSON partials as the future of cross-platform UI and secure AI-generated hypermedia interfaces. https://hackernoon.com/the-html-partial-trap-why-htmx-is-only-half-the-story #hypermedia

Is HTMX's dogmatic insistence on HTML holding it back? Discover JSON partials as the future of cross-platform UI and secure AI-generated hypermedia interfaces. https://hackernoon.com/the-html-partial-trap-why-htmx-is-only-half-the-story #hypermedia

Se Darwin vedesse l'evoluzione dello sviluppo web, cosa direbbe?
Quale sarebbe la sua reazione di fronte alla pletora di #framework #JavaScript che sono nati nel corso degli ultimi anni?

Nella prossima live su #Twitch parliamo di **#Hypermedia-Driven Applications**, ovvero la storia di come abbiamo reinventato ciò che il browser è in grado di fare egregiamente da sempre [modalità provocazione ON]. 😄

Ci vediamo martedì ore 21:30 sul mio canale "Compila Quindi Va"!
👉 https://twitch.tv/compilaquindiva

Se Darwin vedesse l'evoluzione dello sviluppo web, cosa direbbe?
Quale sarebbe la sua reazione di fronte alla pletora di #framework #JavaScript che sono nati nel corso degli ultimi anni?

Nella prossima live su #Twitch parliamo di **#Hypermedia-Driven Applications**, ovvero la storia di come abbiamo reinventato ciò che il browser è in grado di fare egregiamente da sempre [modalità provocazione ON]. 😄

Ci vediamo martedì ore 21:30 sul mio canale "Compila Quindi Va"!
👉 https://twitch.tv/compilaquindiva

🚀 Announcing HAL Explorer v2.2.1

A web app for exploring REST APIs based on HAL and HAL-FORMS. This update brings better layout control with resizable and scrollable layout elements.

🔗 GitHub: https://github.com/toedter/hal-explorer

I'd love your feedback!

#REST #API #Hypermedia #HAL #HALFORMS #OpenSource

🚀 Announcing HAL Explorer v2.2.1

A web app for exploring REST APIs based on HAL and HAL-FORMS. This update brings better layout control with resizable and scrollable layout elements.

🔗 GitHub: https://github.com/toedter/hal-explorer

I'd love your feedback!

#REST #API #Hypermedia #HAL #HALFORMS #OpenSource

🚀 Announcing HAL Explorer v2

A web app for exploring REST APIs based on HAL and HAL-FORMS. This major update brings significant UX enhancements, theme options, and more.

🔗 GitHub: https://github.com/toedter/hal-explorer
🔗 Live Demo: https://hal-explorer.com/#uri=https://hal-explorer.com/examples/examples.hal-forms.json

Building hypermedia APIs? I'd love your feedback!

#REST #API #Hypermedia #HAL #HALFORMS #OpenSource

🚀 Announcing HAL Explorer v2

A web app for exploring REST APIs based on HAL and HAL-FORMS. This major update brings significant UX enhancements, theme options, and more.

🔗 GitHub: https://github.com/toedter/hal-explorer
🔗 Live Demo: https://hal-explorer.com/#uri=https://hal-explorer.com/examples/examples.hal-forms.json

Building hypermedia APIs? I'd love your feedback!

#REST #API #Hypermedia #HAL #HALFORMS #OpenSource

If you are into #python web development with #FastAPI or #Starlette and follow principles of #hypermedia using #HTMX and #Alpine ... you might find these helpful:

https://codeberg.org/Seichter/snippets

If you are into #python web development with #FastAPI or #Starlette and follow principles of #hypermedia using #HTMX and #Alpine ... you might find these helpful:

https://codeberg.org/Seichter/snippets

Ich denke gerade drüber nach nächstes Jahr ein paar Java User Groups zu besuchen mit meinem #hypermedia #htmx Vortrag. Wo soll es denn hingehen?

Ich denke gerade drüber nach nächstes Jahr ein paar Java User Groups zu besuchen mit meinem #hypermedia #htmx Vortrag. Wo soll es denn hingehen?

#hypermedia, #intertwingularity... sometimes I am pretty sure that at some point in the last decade I slipped into an alternate dimension...

https://hypermedia.systems/foreword/

#hypermedia, #intertwingularity... sometimes I am pretty sure that at some point in the last decade I slipped into an alternate dimension...

https://hypermedia.systems/foreword/

Is there a way to create a hyperlink on a website that links to Mastodon, but in a way that it pre-fills the message box with a user handle?

I guess that what I am asking is the equivalent of a mailto link.

#mastodon #hyperlink #hypermedia

Is there a way to create a hyperlink on a website that links to Mastodon, but in a way that it pre-fills the message box with a user handle?

I guess that what I am asking is the equivalent of a mailto link.

#mastodon #hyperlink #hypermedia

Datastar: Lightweight hypermedia framework for building interactive web apps

https://data-star.dev/

#HackerNews #Datastar #Hypermedia #WebApps #InteractiveFramework #DevTools

Datastar: Lightweight hypermedia framework for building interactive web apps

https://data-star.dev/

#HackerNews #Datastar #Hypermedia #WebApps #InteractiveFramework #DevTools

@jackwilliambell @neia

What I notice is an uptick in interest in #Hypermedia and using the open web standards as intended and best supported in browsers.

You see that in web frameworks that go for radical simplicity, like #Datastar at https://data-star.dev where the front-end offers intermediate-mode #UI and logic shifts to the back-end.

What I found interesting (for its concepts) many years ago when #LinkedData was still hottish, was the #Hydra hypermedia project.

https://www.w3.org/community/hydra

@jackwilliambell @neia

What I notice is an uptick in interest in #Hypermedia and using the open web standards as intended and best supported in browsers.

You see that in web frameworks that go for radical simplicity, like #Datastar at https://data-star.dev where the front-end offers intermediate-mode #UI and logic shifts to the back-end.

What I found interesting (for its concepts) many years ago when #LinkedData was still hottish, was the #Hydra hypermedia project.

https://www.w3.org/community/hydra

Another project for #Hypermedia in #python. Hold up! It's a fork of #fasthtml. Using #datastar instead of #htmx. 😅

The difference here is how much datastar use #SSE (#ServerSentEvents). It's EVERYWHERE. Very potent stuff.

Hadn't yet tried datastar, but maybe soon with this. 😁

https://starhtml.com/

Another project for #Hypermedia in #python. Hold up! It's a fork of #fasthtml. Using #datastar instead of #htmx. 😅

The difference here is how much datastar use #SSE (#ServerSentEvents). It's EVERYWHERE. Very potent stuff.

Hadn't yet tried datastar, but maybe soon with this. 😁

https://starhtml.com/

MESH: I tried HTMX, then ditched it - Alex Moon

｢ My big problem with HTMX, as it stands, is that it lacks that structure. Taking a look at HTMX the first time, my reaction was: "...so, declarative jQuery." I could see, as if before my very eyes, the spaghetti that inevitably grows out of a library like this. HTMX leaves it up to the developer to impose discipline on their code, however they see fit ｣

https://ajmoon.com/posts/mesh-i-tried-htmx-then-ditched-it

#htmx #hypermedia #webdev

MESH: I tried HTMX, then ditched it - Alex Moon

｢ My big problem with HTMX, as it stands, is that it lacks that structure. Taking a look at HTMX the first time, my reaction was: "...so, declarative jQuery." I could see, as if before my very eyes, the spaghetti that inevitably grows out of a library like this. HTMX leaves it up to the developer to impose discipline on their code, however they see fit ｣

https://ajmoon.com/posts/mesh-i-tried-htmx-then-ditched-it

#htmx #hypermedia #webdev

I just watched @pythonbynight's talk "Back to the Future of Hypermedia in Python" and enjoyed it very much! If you wonder what HTMX is, and especially if you're into Python, this is the talk for you.

https://www.youtube.com/watch?v=MopeCQVSIUk

#hypermedia #hypertext #python #HTML #HTMX #programming #development #web

Volevo invitarvi all'appuntamento imperdibile (e gratuito) del DevFest Modena 2025 il 4 e 5 ottobre alla Fondazione San Carlo nel pieno centro della città. 🏙️

Io terrò una sessione sulle Hypermedia-Driven Applications (HDA) dove scopriremo insieme come Roy Fielding e Tim Berners-Lee avessero già la ricetta perfetta per il web del futuro! 👌

🔗 Talk e profilo: https://devfest.modena.it/speakers/marco-breveglieri/
🔗 Biglietti: https://devfest-modena-2025.eventbrite.it

#DevFestModena #TechTalk #Hypermedia #WebArchitecture #HTMX #SimplifyYourCode

My favorite section of the talk (from around 23 minutes in; see thread) is probably the one where I berate CRUD, referencing's Amy Hoy's fantastic rant against the malpractice on Twitter in 2019.

#JavaZone #JavaZone2025 #REST #hypermedia #hypertext #HATEOAS #CRUD

@amy @amyhoy

My talk “Hypermedia: The First 2000 Years” is now available on Vimeo!

My stupid Logitech Spotlight remote died, so I became much more static on stage than I would prefer, but I hope the message was delivered well enough anyway.

I warmly welcome feedback, questions and critique!

https://vimeo.com/1115578715

#JavaZone #JavaZone2025 #REST #hypermedia #hypertext #HATEOAS

Game on!

#JavaZone #JavaZone2025 #REST #hypermedia #hypertext #HATEOAS

Next Wednesday, I'll be speaking about REST and hypermedia as the engine of application state (HATEOAS) at JavaZone. If you attended my talk, which questions would you like to have answered? What should (or shouldn't) I cover?

https://2025.javazone.no/en/program/5a861f42-95d8-45b5-b3e9-a05fc1c9d2b5

#JavaZone #JavaZone2025 #REST #hypermedia #hypertext #HATEOAS

Discover Datastar: The Ultimate Hypermedia Framework for Modern Web Development https://data-star.dev/ Unleash your creativity with Datastar, the lightweight framework that powers efficient web apps! #Hypermedia

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 #HTTP method as the initial request, whereas the latter will always use a GET.

#webdev #rest #web #hypertext #hypermedia