Shakedown Social

JasonPunyonthe back button works on all my websites :)history maintenance is built-in with <a href="https://hachyderm.io/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>. that's one of the reasons i like it.<a href="https://hachyderm.io/@lxalln/114872965246368580" rel="nofollow noopener" translate="no" target="_blank">https://hachyderm.io/@lxalln/114872965246368580</a>

Andreas 🌈 🔜 LiverpoolIn 2025, <a href="https://mastodon.world/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> is still a broken development pattern <a href="https://mastodon.world/tags/europython2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#europython2025</a>

Chad McCulloughI 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. A few folks have mentioned HTMX so I am going to start looking into this next. <a href="https://polymaths.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://polymaths.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://polymaths.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

PiperPut together a pretty cool live <a href="https://mastodon.social/@ListenBrainz" class="u-url mention" rel="nofollow noopener" target="_blank">@ListenBrainz</a> 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(and don't worry, I have some pretty aggressive caching so I won't hammer the ListenBrainz or MusicBrainz APIs)<a href="https://www.piperswe.me/#playing-now" rel="nofollow noopener" translate="no" target="_blank">https://www.piperswe.me/#playing-now</a><a href="https://mastodon.ffcentral.net/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ffcentral.net/tags/listenbrainz" class="mention hashtag" rel="nofollow noopener" target="_blank">#listenbrainz</a> <a href="https://mastodon.ffcentral.net/tags/indieweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#indieweb</a>

adamghillColophon for <a href="https://beesocial.dev" rel="nofollow noopener" translate="no" target="_blank">https://beesocial.dev</a> for anyone interested: <a href="https://beesocial.dev/colophon" rel="nofollow noopener" translate="no" target="_blank">https://beesocial.dev/colophon</a>.No vibe coding, just good vibes.<a href="https://indieweb.social/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> <a href="https://indieweb.social/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a> <a href="https://indieweb.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a> <a href="https://indieweb.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> <a href="https://indieweb.social/tags/SQLite" class="mention hashtag" rel="nofollow noopener" target="_blank">#SQLite</a> <a href="https://indieweb.social/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a>

silmeth 🇺🇦<a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener" target="_blank">@slightlyoff</a> > There is a better way. And it doesn’t require a complete rewrite of the internet or a return to 2005.The way’s <a href="https://mstdn.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</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”.

dilawar<a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> is growing on me. 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">#javascript</a> right.Using templates and SQL, creating frontend using <a href="https://fosstodon.org/tags/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#php</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">#graphql</a> and <a href="https://fosstodon.org/tags/Rest" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rest</a> together. But at the end of the day, I am writing less javascript and it is great.<a href="https://fosstodon.org/tags/awesome" class="mention hashtag" rel="nofollow noopener" target="_blank">#awesome</a> <a href="https://fosstodon.org/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Django Chat PodcastEp182: Event Sourcing with Chris May is now live!<a href="https://fosstodon.org/@_chrismay" class="u-url mention" rel="nofollow noopener" target="_blank">@_chrismay</a> is a Senior Staff Engineer at WellSky, a software company in the health industry. We discuss his background as a graphic designer, learning <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#Python</a> (and <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> as an adult, his multiple conference talks on <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a>, why he’s a fan of event sourcing, and more.<a href="https://djangochat.com/episodes/event-sourcing-chris-may" rel="nofollow noopener" translate="no" target="_blank">https://djangochat.com/episodes/event-sourcing-chris-may</a>

Matt Layman🐍 <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</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">#Django</a> project! <a href="https://www.mattlayman.com/blog/2021/how-to-htmx-django/" rel="nofollow noopener" translate="no" target="_blank">https://www.mattlayman.com/blog/2021/how-to-htmx-django/</a>

Aral Balkan…And there are more interesting tid-bits in there too:• 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">https://codeberg.org/small-web/look-over-there/src/branch/main/CopyButton.component.js</a>• 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">https://codeberg.org/small-web/look-over-there/src/branch/main/Toast.fragment.js</a>• 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">https://codeberg.org/small-web/look-over-there/src/branch/main/Site.layout.js</a>I think that’s all the intersting stuff I can spot at the moment.Have fun!:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/SmallTechnologyFoundation" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTechnologyFoundation</a> <a href="https://mastodon.ar.al/tags/LookOverThere" class="mention hashtag" rel="nofollow noopener" target="_blank">#LookOverThere</a> <a href="https://mastodon.ar.al/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/websockets" class="mention hashtag" rel="nofollow noopener" target="_blank">#websockets</a> <a href="https://mastodon.ar.al/tags/nodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#nodeJS</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

wakingrufusI made it easier to define <a href="https://bigshoulders.city/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> templates in my <a href="https://bigshoulders.city/tags/SpringFunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpringFunk</a> HTMX library: <a href="https://wakingrufus.github.io/spring-funk/htmx.html#templates" rel="nofollow noopener" translate="no" target="_blank">https://wakingrufus.github.io/spring-funk/htmx.html#templates</a>

Valentino GagliardiProgressive enhancement in Django with htmx<a href="https://www.valentinog.com/blog/django-progressive-enhancement-htmx/" rel="nofollow noopener" translate="no" target="_blank">https://www.valentinog.com/blog/django-progressive-enhancement-htmx/</a><a href="https://fosstodon.org/tags/django" class="mention hashtag" rel="nofollow noopener" target="_blank">#django</a> <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

Aral BalkanNew Kitten Release 🎉• Fix: morph attributes¹ now support interpolated values.<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>Enjoy!:kitten:💕¹ 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">https://kitten.small-web.org/tutorials/streaming-html/</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/PeerToPeerWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#PeerToPeerWeb</a> <a href="https://mastodon.ar.al/tags/KittenRelease" class="mention hashtag" rel="nofollow noopener" target="_blank">#KittenRelease</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

phildiniBecause I do a fair amount of frontend work but think most frontend frameworks are overkill, I use <a href="https://wandering.shop/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> and <a href="https://wandering.shop/tags/alpinejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#alpinejs</a> a lot. And <a href="https://mastodon.social/@glyph" class="u-url mention" rel="nofollow noopener" target="_blank">@glyph</a>'s <a href="https://wandering.shop/tags/NBPy" class="mention hashtag" rel="nofollow noopener" target="_blank">#NBPy</a> talk made me think about what a <a href="https://wandering.shop/tags/PyScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#PyScript</a> package that combines both and provides <a href="https://wandering.shop/tags/python" class="mention hashtag" rel="nofollow noopener" target="_blank">#python</a> handles to both would look like.What could I build if I had a drop-in <a href="https://wandering.shop/tags/django" class="mention hashtag" rel="nofollow noopener" target="_blank">#django</a> package that gave me all the interaction I wanted while writing python code?

wakingrufusI am working on adding a module to <a href="https://bigshoulders.city/tags/SpringFunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpringFunk</a> that seamlessly integrates <a href="https://bigshoulders.city/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a>, the <a href="https://bigshoulders.city/tags/Kotlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kotlin</a> HTML DSL and <a href="https://bigshoulders.city/tags/SpringBoot" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpringBoot</a> <a href="https://wakingrufus.github.io/spring-funk/htmx.html" rel="nofollow noopener" translate="no" target="_blank">https://wakingrufus.github.io/spring-funk/htmx.html</a> It is in a very early stage right now, but I think this idea has some potential.

Aral BalkanNew Kitten release 🎉<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>• New: Lovely new icons¹ and new callouts in Kitten Settings²• New: Markdown now supports attributes and bracketed spans³• New: client-side `kitten` global with `trigger` function for triggering events on the server from the client. (Useful when streaming client-side JavaScript when using Kitten’s Streaming HTML⁴ workflow. e.g., when you have to use a client-only web API like the Clipboard API but you want to keep all your logic on your server-side page.⁵)• Fixed: The bound render function returned by `KittenComponent` class’s `component` getter now correctly awaits asynchronous templates. (In Kitten, you don’t have to care whether your templates contain promises. Kitten handles all that for you.)Enjoy! :kitten:💕¹ <a href="https://kitten.small-web.org/reference/#icons" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#icons</a>² <a href="https://mastodon.ar.al/@aral/114381983893061099" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381983893061099</a>³ <a href="https://kitten.small-web.org/reference/#markdown-support" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-support</a> (also see <a href="https://mastodon.ar.al/@aral/114381462302862256" rel="nofollow noopener" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381462302862256</a>)⁴ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33</a> Of course, you don’t have to use this and you can just write client-side JavaScript or use the built-in Alpine.js integration. e.g., how I do it on the (older) settings/identity page: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NodeJS</a>

Jason Punyonadded some more examples to <a href="https://htmx-local.glitch.me" rel="nofollow noopener" translate="no" target="_blank">https://htmx-local.glitch.me</a> <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

Jason Punyonsomething i'm working onhtmx-local: whole-ass web-apps in-browser<a href="https://htmx-local.glitch.me" rel="nofollow noopener" translate="no" target="_blank">https://htmx-local.glitch.me</a><a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

SergiVersion 1.8.0 of jinja2-fragments is out!Release notes: - Adds support for rendering multiple blocks on Flask, Quart, Sanic and Litestar. - Fixes deprecated Litestar import.<a href="https://pypi.org/project/jinja2-fragments/1.8.0/" rel="nofollow noopener" translate="no" target="_blank">https://pypi.org/project/jinja2-fragments/1.8.0/</a><a href="https://floss.social/tags/jinja" class="mention hashtag" rel="nofollow noopener" target="_blank">#jinja</a> <a href="https://floss.social/tags/flask" class="mention hashtag" rel="nofollow noopener" target="_blank">#flask</a> <a href="https://floss.social/tags/quart" class="mention hashtag" rel="nofollow noopener" target="_blank">#quart</a> <a href="https://floss.social/tags/sanic" class="mention hashtag" rel="nofollow noopener" target="_blank">#sanic</a> <a href="https://floss.social/tags/litestar" class="mention hashtag" rel="nofollow noopener" target="_blank">#litestar</a> <a href="https://floss.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>

Aral BalkanNew 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.¹<a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a>For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:<a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>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.<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/beautifulDefaults" class="mention hashtag" rel="nofollow noopener" target="_blank">#beautifulDefaults</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a>

Recent searches

Search options

Administered by:

Server stats:

#htmx