techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.7K
active users

#htmx

0 posts0 participants0 posts today
Chad McCullough<p>I have really been enjoying learning HTML and CSS. Working on rebuilding my personal site and moving away from WordPress. It's been quite a few years since I last used HTML in any serious way and I still have a bit to learn and master.<br><br>A few folks have mentioned HTMX so I am going to start looking into this next.<br><br><a href="https://polymaths.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://polymaths.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://polymaths.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a></p>
Hacker News<p>Locality of Behaviour (2020)</p><p><a href="https://htmx.org/essays/locality-of-behaviour/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">htmx.org/essays/locality-of-be</span><span class="invisible">haviour/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/LocalityOfBehaviour" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LocalityOfBehaviour</span></a> <a href="https://mastodon.social/tags/LocalityOfBehaviour2020" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LocalityOfBehaviour2020</span></a> <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/Essays" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Essays</span></a> <a href="https://mastodon.social/tags/Technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Technology</span></a> <a href="https://mastodon.social/tags/Insights" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Insights</span></a></p>
Matt Layman<p>🐍 <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> is a small JavaScript library that extends HTML markup to make web pages more dynamic. Check out how to add htmx to your <a href="https://mastodon.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> project! <a href="https://www.mattlayman.com/blog/2021/how-to-htmx-django/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mattlayman.com/blog/2021/how-t</span><span class="invisible">o-htmx-django/</span></a></p>
db_scheehan<p>Explore Base64, Base85, Ascii85, and Z85 encoding with Python</p><p><a href="https://mastodon.social/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>python</span></a> <a href="https://mastodon.social/tags/flask" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flask</span></a> <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <span class="h-card" translate="no"><a href="https://threads.net/@htmlallthethings/" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>htmlallthethings</span></a></span> <br><span class="h-card" translate="no"><a href="https://programming.dev/c/linux" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>linux</span></a></span> <br><span class="h-card" translate="no"><a href="https://mastodon.social/@python_discussions" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>python_discussions</span></a></span> <br><span class="h-card" translate="no"><a href="https://fosstodon.org/@brianb" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>brianb</span></a></span> </p><p><a href="https://github.com/scheehan/encode_decode_web_app" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/scheehan/encode_dec</span><span class="invisible">ode_web_app</span></a></p><p><a href="https://youtu.be/5LJTyJb2kyk?si=Idvkqh0JNn8D_B18" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/5LJTyJb2kyk?si=Idvkqh</span><span class="invisible">0JNn8D_B18</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>
dilawar<p>I was setting up <a href="https://fosstodon.org/tags/sentry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sentry</span></a> at work this week. It now requires at least 16GB of machine to self-host :blobcateyes:!!!</p><p>I am seriously considering writing a poor-man sentry server for poor-folks like me that</p><p>- Run on cheap shared hosting and easy installation.<br>- Need not handle more than a few hundred requests per minute<br>- Can send occasional email to devs about regression (optional)<br>- Allows accessing data using API for local tooling</p><p>It will also be a very good excuse to use <a href="https://fosstodon.org/tags/tempest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tempest</span></a> and <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</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>
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>

It's not how your tool does the simple thing that matters.

It's how the complexity grows as your problem becomes more sophisticated.

That's the real test.

This post brought to you by a Friday afternoon of fun with #Django and #HTMX 🥰

Replied in thread

@slightlyoff

> There is a better way. And it doesn’t require a complete rewrite of the internet or a return to 2005.

The way’s #HTMX – 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”.

🔍 Dopo anni di sviluppo web “moderno” ho riscoperto le basi: HTML, REST (quello vero!) e un modo diverso di pensare le web app.

📅 Il 19 giugno sarò al Delphi Day 2025 a Piacenza con un seminario sulle Hypermedia‑Driven Applications con HTMX + Delphi.

Parleremo di:
✅ HDA e architettura ipermediale
✅ HTMX, REST e API davvero RESTful
✅ Pro e contro rispetto alle SPA

Tutte le info e i biglietti qui:
🎟️ delphiday.it

Vi aspetto! 🤗

Introducing the Django-Spellbook Editor:

django-spellbook.org/editor/

I've been working on this project for the last week, I want to integrate it into a /sb-admin url similar to how does it, but as a much simpler lightweight markdown parser.

Right now it's only available on the docs website for testing purposes :) please try it out, I hope you like it!

It's made through and vanilla JS , so would it be too much of a hassle to require people use HTMX to use this library's admin editor? I guess I have to explore Wagtail's code and see how they did it; github.com/wagtail/wagtail