toad.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server operated by David Troy, a tech pioneer and investigative journalist addressing threats to democracy. Thoughtful participation and discussion welcome.

Administered by:

Server stats:

211
active users

#htmx

3 posts3 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>
Kevin + Drupal + Beard<p>Drupal BigPipe now uses HTMX! This is very cool for both the <a href="https://fosstodon.org/tags/drupal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drupal</span></a> and <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> communities. Is Théodore Biadala on Mastodon?</p><p><a href="https://tresbien.tech/blog/drupal-bigpipe-now-uses-htmx/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tresbien.tech/blog/drupal-bigp</span><span class="invisible">ipe-now-uses-htmx/</span></a></p>
Andreas 🌈 🔜 Liverpool<p>In 2025, <a href="https://mastodon.world/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> is still a broken development pattern <a href="https://mastodon.world/tags/europython2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>europython2025</span></a></p>
Piper<p>Put together a pretty cool live <span class="h-card" translate="no"><a href="https://mastodon.social/@ListenBrainz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ListenBrainz</span></a></span> widget on my website! Auto-updates every 10 seconds, and shows as much metadata as I can cram into the widget space. All that metadata is the bonus of ListenBrainz being so closely tied to MusicBrainz</p><p>(and don't worry, I have some pretty aggressive caching so I won't hammer the ListenBrainz or MusicBrainz APIs)</p><p><a href="https://www.piperswe.me/#playing-now" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">piperswe.me/#playing-now</span><span class="invisible"></span></a></p><p><a href="https://mastodon.ffcentral.net/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.ffcentral.net/tags/listenbrainz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>listenbrainz</span></a> <a href="https://mastodon.ffcentral.net/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indieweb</span></a></p>
pvergain (kolektiva)<p>- <a href="https://wagtail.org/blog/htmx-accessibility-gaps-data-and-recommendations/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wagtail.org/blog/htmx-accessib</span><span class="invisible">ility-gaps-data-and-recommendations/</span></a> (htmx accessibility gaps: data and recommendations. A look at available data, known gotchas, and how to address the gaps)</p><p>--&lt;--</p><p>Recommendations</p><p>Accessibility gets a mention in the htmx docs as part of Progressive Enhancement. This is a bit light on details for my liking, and I think oversimplifies what it means to build accessible UIs. Those oversimplifications are common in online htmx resources. I’d phrase them as:</p><p> - ❌ Simple HTML is all you need. That’s true – except when your UI becomes complex enough that it’s not.</p><p> - ❌ The least JavaScript the better. Also somewhat true – except when it leads to leaving out essential accessibility considerations.</p><p>--&gt;--</p><p><a href="https://kolektiva.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://kolektiva.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://kolektiva.social/tags/accesibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accesibility</span></a></p>
Wagtail<p>Ever wonder about the accessibility of htmx UIs? We have too 👉️ <a href="https://wagtail.org/blog/htmx-accessibility-gaps-data-and-recommendations/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wagtail.org/blog/htmx-accessib</span><span class="invisible">ility-gaps-data-and-recommendations/</span></a> Includes a review of the available data, common gotchas, and recommendations to navigate those challenges, with a particular focus on the <a href="https://fosstodon.org/tags/django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>django</span></a> ecosystem</p><p><a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://fosstodon.org/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
adamghill<p>Colophon for <a href="https://beesocial.dev" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">beesocial.dev</span><span class="invisible"></span></a> for anyone interested: <a href="https://beesocial.dev/colophon" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">beesocial.dev/colophon</span><span class="invisible"></span></a>.</p><p>No vibe coding, just good vibes.</p><p><a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tailwind</span></a> <a href="https://indieweb.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://indieweb.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> <a href="https://indieweb.social/tags/SQLite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SQLite</span></a> <a href="https://indieweb.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a></p>
silmeth 🇺🇦<p><span class="h-card" translate="no"><a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>slightlyoff</span></a></span> </p><p>&gt; There is a better way. And it doesn’t require a complete rewrite of the internet or a return to 2005.</p><p>The way’s <a href="https://mstdn.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> – server-side rendering, clean accessible html, but with interactive controls unavailable in 2005 (or even today in pure html). But no complex “frontend-side logic”.</p>
Nicolas Delsaux<p>Ils sont sympas chez htmx, ils vous expliquent même comment vous passer d'htmx tout en réalisant des applications qui correspondent à ce qu'htmx permet. Et il y a quelques pépites là-dedans ! <a href="https://htmx.org/essays/alternatives/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">htmx.org/essays/alternatives/</span><span class="invisible"></span></a> <a href="https://framapiaf.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://framapiaf.org/tags/alternatives" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>alternatives</span></a> <a href="https://framapiaf.org/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://framapiaf.org/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</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>
Renne Rocha<p>Just added <a href="https://chaos.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> to a <a href="https://chaos.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> project. Performing a lazy loading of one part of a dashboard and allowing to change the period of it (month/year) without reloading the entire screen. It was simpler than I expected. Still need to add some error handling (I saw few examples of it!) and probably I'm organizing the template in a way that won't scale in a bigger project, but it is a good start!</p>
Webdev Weekly<p>Why not only htmx for a web site...because..</p><p><a href="https://www.synthetic-depo.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">synthetic-depo.com/</span><span class="invisible"></span></a></p><p>Discussions: <a href="https://discu.eu/q/https://www.synthetic-depo.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">discu.eu/q/https://www.synthet</span><span class="invisible">ic-depo.com/</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/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</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/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Sheena<p>If you are a Python web developer and would like some frontend superpowers without the Javascript fatigue, consider joining my upcoming modern frontends learning sprint.</p><p><a href="https://prelude.tech/upcoming_workshops/9/details" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">prelude.tech/upcoming_workshop</span><span class="invisible">s/9/details</span></a> </p><p><a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a> <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Playwright</span></a></p>
Chris Woody Woodruff<p>New chapters just dropped!</p><p>Chapters 15–17 of Razor Pages Reimagined with htmx are now available, focusing on enhancing the user experience with hx-indicator, hx-select, hx-vals, and more.</p><p>Build smarter, simpler Razor Pages apps without drowning in JavaScript.</p><p><a href="https://aspnet-htmx.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">aspnet-htmx.com/</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/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aspnetcore</span></a> <a href="https://mastodon.social/tags/aspnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aspnet</span></a> <a href="https://mastodon.social/tags/razorpages" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>razorpages</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/simplicityfirst" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>simplicityfirst</span></a> <a href="https://mastodon.social/tags/dotnet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dotnet</span></a></p>
Kevin Brown-Silva<p>So many people think microservices are the way to go. Maybe at large companies with many developers, but as a solo developer or small team it makes a lot more sense to build a monolith.</p><p>Huge shout out to <a href="https://mastodon.brown-silva.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> for simplifying frontend development. "Boring is often the way to go."</p><p><a href="https://mastodon.brown-silva.social/tags/PyConUS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PyConUS</span></a></p>
Nils Hartmann<p>Moin! "Zweieinhalb" Vorträge in zwei Tagen auf den Magdeburger Developer Days... 😳 Slides und Code zu den beiden Technik-Talks findet ihr hier:</p><p>👉 <a href="https://norden.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> vs. Single-Page-App: <a href="https://react.schule/md-dev-days-htmx" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">react.schule/md-dev-days-htmx</span><span class="invisible"></span></a></p><p>👉 Fullstack-Apps mit <a href="https://norden.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> und <a href="https://norden.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a>: <a href="https://react.schule/md-dev-days-nextjs" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">react.schule/md-dev-days-nextj</span><span class="invisible">s</span></a></p>
Aral Balkan<p>…And there are more interesting tid-bits in there too:</p><p>• See how I’m pushing Kitten’s Streaming HTML to its logical conclusion and streaming JavaScript from the server to the client to keep all logic on the server while implementing a client-side feature (copy to clipboard): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/CopyButton.component.js</span></a></p><p>• Following on from that, note how the Toast component that’s triggered when something is copied looks (under the hood, Streaming HTML is htmx + WebSockets + some Kitten-specific magic and glues it all together and adds syntactic sugar): <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/Toast.fragment.js</span></a></p><p>• Finally, check out how layout components and slots work: <a href="https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/small-web/look-ov</span><span class="invisible">er-there/src/branch/main/Site.layout.js</span></a></p><p>I think that’s all the intersting stuff I can spot at the moment.</p><p>Have fun!</p><p>:kitten:💕</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/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallTechnologyFoundation</span></a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LookOverThere</span></a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StreamingHTML</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/websockets" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>websockets</span></a> <a href="https://mastodon.ar.al/tags/nodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nodeJS</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>
James Walters :linux: :python:<p>Always use a proofreader.</p><p><a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://fosstodon.org/tags/hypertext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypertext</span></a> <a href="https://fosstodon.org/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</span></a></p>
Scott Galloway<p>New blog article. A whistle-stop tour of HTMX extensions and HTMX integration with ASP.NET Core. <br><a href="https://www.mostlylucid.net/blog/htmxandaspnetcore" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mostlylucid.net/blog/htmxandas</span><span class="invisible">pnetcore</span></a><br><a href="https://hachyderm.io/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aspnetcore</span></a> <a href="https://hachyderm.io/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</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>