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.
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.
I make websites. Sometimes I toot about it.
#eleventy #webc #php #statamic #laravel #tailwindcss #alpinejs uhhh whatever #sql and I guess #nginx #docker and all that crap all the way down. #fullstack
I play RPGs with friends. Sometimes I toot about it.
#ttrpg #dnd #pathfinder #5e #pf2e
I am my group's sysadmin. Sometimes I toot about it.
#selfhosted #plex #lemmy #mastodon #pihole and throw some darts at https://selfh.st and you catch the rest.
Hot takes, bad jokes, etc.
Because I do a fair amount of frontend work but think most frontend frameworks are overkill, I use #HTMX and #alpinejs a lot. And @glyph's #NBPy talk made me think about what a #PyScript package that combines both and provides #python handles to both would look like.
What could I build if I had a drop-in #django package that gave me all the interaction I wanted while writing python code?
New 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.
https://www.mostlylucid.net/blog/autorefreshwithalpineandhtmx
#htmx #AlpineJS #aspnetcore
The more I make something using AlpineJS, the more I like it.
Sometimes you don't need to figure it out with Vue. You only need some AlpineJS magic and that's it, no need to spin up a whole Vue framework on the page.
Add that to Livewire and Filament PHP and you're all set to create small utilities without hacking your way into the frontend.
My current #Django frontend dev stack is (including some dx tools):
- #HTMX
- #AlpineJS
- #TailwindCSS
- #Playwright
- Django Template Partials
- Django Browser Reload
Are there any other frontend-related tools that would complement these? What do you use?
Wochenrückblick, Ausgabe 76 (2025-03)
Themen:
Neuer Espressobereiter im Haus: Coffee Miner Neo Flex
Update für meinen Linktree
Alpine AJAX für Alpine.js
smuwetter für schnelle Wetterinfos
Wikenigma: Wiki für Wissenslücken
GNU Stow für Dotfiles
Musik: Stefan Muchte, John 00 Fleming, Vladis Cue, Juliane Wolf.
#Wochenrückblick #Espresso #Kaffee #NeoFlex #CoffeeMiner #Rancilio #Linktree #AlpineJS #htmx #Wetter #OpenData #Wikenigma #CLI #stow #techno
I want, for example, that you can only enter uppercase in the input. currently I do it like this x-on:input=‘$event.target.value = $event.target.value.toUpperCase()’. This also updates the x-model correctly. But it would be cool if I could define something like this.
x-model-map=‘$value.toUpperCase()’ or something like that.
does anyone know if you can define an x-model filter/mapper in #AlpineJS for example, so that you can filter or modify the value before the actual model proxy is updated? Would be super practical, maybe there is also a plugin for this? #javascript #frontend
Creating an Alpine.js RSS Reader with my Bluesky Profile feed
by Andy Jarrett
@andyjarrett.com
#AlpineJS #RSSreader #Bluesky #webdev
https://www.andyjarrett.com/posts/2024/creating-an-alpinejs-rss-reader-using-bluesky-profiles/
Built this neat #javascript updating table using #alpinejs. It updates on a set interval, calling an #aspnetcore API endpoint.
In most situations, I'd probably build this with #htmx, but this is a nice alternative if you don't control a backend.
Built this neat little counter demo app using #alpinejs. Counts are stored in local storage, so they persist across page reloads.
@cwensel @benpate Don't let the horse tell you. There are always several tools to do a job well. #htmx is good for many things, but sometimes it makes sense to move more logic to the client side. I already have Angular and React etc. used too for large projects. These frameworks or libraries can make sense. Currently, however, I also use htmx for one project and #alpinejs for more complex things on the client side in the same project.
But it always depends on the
If you come across the datastar and Spark headlines for CraftCMS and wonder „Whaaaaaaat is going on now? We already have Sprig?! " - here is the explainer:
„The Case for Spark“ by @bencroker https://github.com/putyourlightson/craft-spark/discussions/2
More:
CraftQuest on Call episode: https://craftquest.io/livestreams/intro-to-spark-and-datastar
Datastar - basically like htmx + Alpine.js combined: https://data-star.dev/
Spark (CraftCMS Plugin for datastar): https://putyourlightson.com/plugins/spark
Check out @frankel 's experiments with various frontend technologies #htmx, #vuejs, #alpinejs, on top of server-side rendering with #springboot on Foojay.io
htmx: https://foojay.io/today/augmenting-the-client-with-htmx/
Alpine.js: https://foojay.io/today/augmenting-the-client-with-alpine-js/
Vue.js: https://foojay.io/today/augmenting-the-client-with-vue-js/
After the general @springboot setup and the study of @vuejs this week focuses on #AlpineJS in the context of #AJAX and #SSR.
Any suggestions for lightweight JavaScript libraries that can enhance a pre-rendered/generated web page?
I started looking at #AlpineJS (looks OK, but I've never tried it). I briefly looked at Stimulus.JS, but it's not to my taste.
A quick test project build using Alpine and Vite resulted in a 16KB gzipped bundle, so reasonably lightweight.
I'm using the #RustLang Axum crate for the server (and don't want to use a WASM based UI builder like Dioxus).