Veganism Social

Golang WeeklyGo + HTMX starter kit<a href="https://github.com/carsonkrueger/go-htmx-starter" rel="nofollow noopener" translate="no" target="_blank">https://github.com/carsonkrueger/go-htmx-starter</a>Discussions: <a href="https://discu.eu/q/https://github.com/carsonkrueger/go-htmx-starter" rel="nofollow noopener" translate="no" target="_blank">https://discu.eu/q/https://github.com/carsonkrueger/go-htmx-starter</a><a href="https://mastodon.social/tags/golang" class="mention hashtag" rel="nofollow noopener" target="_blank">#golang</a> <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Kerfuffle<a href="https://hachyderm.io/@beeb" class="u-url mention" rel="nofollow noopener" target="_blank">@beeb</a> Well. Server side rendering <a href="https://mastodon.online/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> has been the default for major projects for a long time, and although every approach has its drawbacks, I cannot get the excitement for JavaScript frameworks that struggle to achieve what you can with templating in the backend. <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> is a blight on the web and I applaud <a href="https://mastodon.online/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> for trying to get it out of the way. Why would you want to use JavaScript and JSON to generate HTML when you can just receive HTML?

Valentin B. :ferris:I really don't understand the enthusiasm around <a href="https://hachyderm.io/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>. Why would anyone want to put html and css classes in their backend code? It probably works for tiny projects but can you imagine a large company doing that? Oh the frontend team needs this button bigger? Better ask the backend team to change their API! That kind of coupling seems very unergonomic. Just my two cents... <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://hachyderm.io/tags/backend" class="mention hashtag" rel="nofollow noopener" target="_blank">#backend</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?

SheenaI have been working towards a <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> starter template that solves a lot of my problems. Figured I would share ;) This template focuses on the frontend and includes things like <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> <a href="https://fosstodon.org/tags/DjangoChannels" class="mention hashtag" rel="nofollow noopener" target="_blank">#DjangoChannels</a> <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#Playwright</a> and a few more of my favorite tools. <a href="https://github.com/preludetech/Django-Starter-Template" rel="nofollow noopener" translate="no" target="_blank">https://github.com/preludetech/Django-Starter-Template</a>

Thibaud Colas :django:Great question by <a href="https://framapiaf.org/@tut_tuuut" class="u-url mention" rel="nofollow noopener" target="_blank">@tut_tuuut</a> at <a href="https://fosstodon.org/tags/DjangoConEurope" class="mention hashtag" rel="nofollow noopener" target="_blank">#DjangoConEurope</a> about <a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> and CSP. We’ve spent lots of time with <a href="https://fosstodon.org/@wagtail" class="u-url mention" rel="nofollow noopener" target="_blank">@wagtail</a> working on CSP compatibility. Had to rule out Alpine.js altogether. htmx with concessions

Scott GallowayNew blog post: An Auto-Update Partial Updater with Alpine.js and HTMX How I built a simple update control which uses HTMX and Alpine to call to an ASP.NET Core action to update an element at regular intervals. <a href="https://www.mostlylucid.net/blog/autorefreshwithalpineandhtmx" rel="nofollow noopener" translate="no" target="_blank">https://www.mostlylucid.net/blog/autorefreshwithalpineandhtmx</a> <a href="https://hachyderm.io/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://hachyderm.io/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#AlpineJS</a> <a href="https://hachyderm.io/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener" target="_blank">#aspnetcore</a>

Late Night OwlThinking of creating a GUI application that would use <a href="https://social.linux.pizza/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> to draw its content (I kind of want to learn HTMX).- HTTP server running on user's UNIX socket, in Go (?), and - WebKit (?) window that would draw/interact with the content.Am I crazy? Is there a better way to do this? I have to admit I'm very confused by (the lack of) Gtk/Adwaita documentation for total noobs.

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>

SheenaIf you are working with <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#Django</a> and curious about how to test your <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> frontends, then <a href="https://fosstodon.org/tags/PreludeTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#PreludeTech</a>'s next "Modern frontend development with Django, HTMX, <a href="https://fosstodon.org/tags/Tailwind" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tailwind</a>, <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#Playwright</a> and <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#AlpineJS</a> " learning sprint could be exactly what you need.You'll learn about how to apply <a href="https://fosstodon.org/tags/TDD" class="mention hashtag" rel="nofollow noopener" target="_blank">#TDD</a> while building and debugging modern, interactive frontends. <a href="https://buff.ly/SShHfoi" rel="nofollow noopener" translate="no" target="_blank">https://buff.ly/SShHfoi</a>

Nils HartmannHallo <a href="https://norden.social/tags/Westfalen" class="mention hashtag" rel="nofollow noopener" target="_blank">#Westfalen</a>! 👋 Wenn ihr Interesse an der <a href="https://norden.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>-Entwicklung habt, habe ich zwei (ganz uneigennützige 😎) Tipps für euch:👉 Morgen, Dienstag, 15. April, stelle ich euch <a href="https://norden.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#NextJS</a> beim tech&talk-Meetup in <a href="https://norden.social/tags/Dortmund" class="mention hashtag" rel="nofollow noopener" target="_blank">#Dortmund</a> vor: <a href="https://www.meetup.com/codecentric-dortmund-tech-talk/events/305897148" rel="nofollow noopener" translate="no" target="_blank">https://www.meetup.com/codecentric-dortmund-tech-talk/events/305897148</a>👉 Am Mittwoch (16.4.) diskutieren wir auf der <a href="https://norden.social/tags/Java" class="mention hashtag" rel="nofollow noopener" target="_blank">#Java</a> User Group <a href="https://norden.social/tags/M%C3%BCnster" class="mention hashtag" rel="nofollow noopener" target="_blank">#Münster</a> über <a href="https://norden.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a> und JavaScript-Lösungen für moderne Webanwendungen: <a href="https://www.meetup.com/java-usergroup-munster/events/306529047" rel="nofollow noopener" translate="no" target="_blank">https://www.meetup.com/java-usergroup-munster/events/306529047</a>Würde mich freuen, euch zu sehen 😊

Adam Johnson :django: :python:<a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> tip:Use htmx.logAll() to log all htmx events to the console. Great for debugging which events are triggering or not!

Webdev WeeklyDatastar: Web Framework for the Future?<a href="https://chrismalek.me/posts/data-star-first-impressions/" rel="nofollow noopener" translate="no" target="_blank">https://chrismalek.me/posts/data-star-first-impressions/</a>Discussions: <a href="https://discu.eu/q/https://chrismalek.me/posts/data-star-first-impressions/" rel="nofollow noopener" translate="no" target="_blank">https://discu.eu/q/https://chrismalek.me/posts/data-star-first-impressions/</a><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

GripNews🌕 Datastar：未來網路框架？ ➤ 告別 JavaScript，擁抱伺服器驅動的未來？ ✤ <a href="https://chrismalek.me/posts/data-star-first-impressions/" rel="nofollow noopener" translate="no" target="_blank">https://chrismalek.me/posts/data-star-first-impressions/</a> 這篇文章探討了新的超媒體框架 Datastar，並與目前流行的 HTMX 進行比較。作者分享了他使用 HTMX 遇到的挑戰，以及為何重新評估 Datastar 的過程。Datastar 強調伺服器端邏輯，利用「信號」實現自動化的 UI 更新，並透過伺服器發送事件 (SSE) 達到快速效能。作者認為 Datastar 是一個值得探索的精簡替代方案，但需要以全新的觀點來開發網路應用，擁抱伺服器驅動架構和反應式程式設計。 + 我一直對 JavaScript 感到厭煩，如果 Datastar 真能減少甚至消除對它的依賴，那就太棒了！ + 這篇文章讓我對 Datastar 產生了興趣，看起來它解決了一些 HTMX 的痛點，值得深入研究一下。 <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">#網頁開發</a> <a href="https://mastodon.social/tags/%E6%A1%86%E6%9E%B6" class="mention hashtag" rel="nofollow noopener" target="_blank">#框架</a> <a href="https://mastodon.social/tags/Hypermedia" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hypermedia</a> <a href="https://mastodon.social/tags/Go" class="mention hashtag" rel="nofollow noopener" target="_blank">#Go</a> <a href="https://mastodon.social/tags/Datastar" class="mention hashtag" rel="nofollow noopener" target="_blank">#Datastar</a> <a href="https://mastodon.social/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTMX</a>

Abishek MuthianHTMX and Hyperscript has made web development fun again for me. Wanted to refactor the JSON input for countries, plan id etc. with select fields and validation in openpaymenthost.com (FOSS payments host); I got it done without React or having to write JavaScript.Thanks to u/Trick_Ad_3234 on r/htmx for improving my hyperscript.<a href="https://fosstodon.org/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://fosstodon.org/tags/hyperscript" class="mention hashtag" rel="nofollow noopener" target="_blank">#hyperscript</a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

caioWould it be possible to "toggle" requests with <a href="https://floss.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a>? Like, first click makes the request, second one doesn't, third one makes a new request and so on... 🤔 <a href="https://floss.social/tags/lazyweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#lazyweb</a> <a href="https://floss.social/tags/lazydev" class="mention hashtag" rel="nofollow noopener" target="_blank">#lazydev</a>

Webdev WeeklyLess Htmx Is More<a href="https://unplannedobsolescence.com/blog/less-htmx-is-more/" rel="nofollow noopener" translate="no" target="_blank">https://unplannedobsolescence.com/blog/less-htmx-is-more/</a>Discussions: <a href="https://discu.eu/q/https://unplannedobsolescence.com/blog/less-htmx-is-more/" rel="nofollow noopener" translate="no" target="_blank">https://discu.eu/q/https://unplannedobsolescence.com/blog/less-htmx-is-more/</a><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a>

Chris Woody WoodruffServer-driven web apps are making a comeback—and htmx with ASP.NET Razor Pages is leading the charge. Less JS, more speed, and a whole lot simpler. The future looks familiar (in a good way): <a href="https://woodruff.dev/the-future-of-server-driven-web-apps-why-htmx-and-asp-net-are-just-getting-started/" rel="nofollow noopener" translate="no" target="_blank">https://woodruff.dev/the-future-of-server-driven-web-apps-why-htmx-and-asp-net-are-just-getting-started/</a><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/ASPNETCore" class="mention hashtag" rel="nofollow noopener" target="_blank">#ASPNETCore</a> <a href="https://mastodon.social/tags/RazorPages" class="mention hashtag" rel="nofollow noopener" target="_blank">#RazorPages</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/ServerDriven" class="mention hashtag" rel="nofollow noopener" target="_blank">#ServerDriven</a> <a href="https://mastodon.social/tags/FutureOfWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#FutureOfWeb</a>

GripNews🌘 少即是多：htmx 的使用之道 ➤ 善用 htmx 的真諦：回歸 HTML 本質 ✤ <a href="https://unplannedobsolescence.com/blog/less-htmx-is-more/" rel="nofollow noopener" translate="no" target="_blank">https://unplannedobsolescence.com/blog/less-htmx-is-more/</a> 作者分享了他使用 htmx 兩年的經驗，認為在盡可能使用標準 HTML 的前提下，htmx 可以顯著提升使用者體驗和可維護性。文章強調避免濫用 hx-boost 等功能，因為它們會帶來複雜性並降低效能。作者建議使用傳統的連結和表單進行導航，並利用瀏覽器的快取機制和新功能來優化網站效能。 + 這篇文章讓我重新思考了 htmx 的使用方式，之前一直想用 hx-boost 來模擬 SPA，現在覺得用標準 HTML 纔是正道。 + 作者的觀點很有見地，提醒了我們不要過度依賴 JavaScript，而應該充分利用瀏覽器本身的優勢。 <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">#網頁開發</a> <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/%E5%89%8D%E7%AB%AF%E6%8A%80%E8%A1%93" class="mention hashtag" rel="nofollow noopener" target="_blank">#前端技術</a> <a href="https://mastodon.social/tags/%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96" class="mention hashtag" rel="nofollow noopener" target="_blank">#效能優化</a>

Recent searches

Search options

Administered by:

Server stats:

#htmx