#alpinejs — Public Fediverse posts

Speck v1.2.5 ships with:
📷 dust spot visualization (0–2000% sensitivity)
📍 interactive dust mapping with exportable JPEG & JSON
🔢 shutter count + EXIF extraction via exif
💡 light screen mode (yes, with keyboard shortcuts)
🌙 Rosé Pine Moon / Dawn theming
fully offline. no server. just a HTML file.
#PWA #AlpineJS #OpenSource

4/5 Why? My love of capturing moments and too much free time.

Check it here: https://kare.smsk.dev
#webdev #sideproject #alpinejs #TypeGrid

Since Calagator was first created circa 2009, it and Kolagator have maintained jQuery as a dependancy.

It's 2026 and probably well time to move on from jQuery.. but to what? We dont need much javascript and these days there are options for full frameworks as well as very light weight approaches.

New discussion to consider where we might go if we attempted to deprecate jQuery from the project.

https://github.com/koalagator/koalagator/discussions/79

#jQuery #koalagator #jquery #ruby #RubyOnRails #HotwireDev #alpineJS

Fuck this shit. I'm yoloing this Filament PHP script plugin for Turnstile with #AlpineJS.

If it works, great. If it doesn't, I'll push a patch. Won't lose another day trying to test Filament shit.

#PHP #FilamentPHP #Laravel #LaravelLivewire #Livewire #Coding #Code #Programming #Programmers #SoftwareDevelopment #WebDevelopment #Developer #Developers #WebDev

Vous utilisez comme librairies CSS (et JS) pour mettre en place rapidement le layout html/css de base pour faire des UI web rapide pour un projet rapide ?

Truc pas trop moche et moderne, mais léger. Je ne suis plus trop au courant de l’état de l’art la dessus.

CSS de préférence + que plein de JS partout où la je veux regarder côté #htmx et #alpineJS .

J’ai pas l’habitude de faire ça car quand je travaille sur des trucs l’interface de base est déjà en place. Mais pour des petits projets perso ça me bloque toujours un peu.

#HTML #JS #Javascript #webdev

@mvexel yeah I was a web dev at the time, and oh boy, jQuery was just so much better. That and Firebug.
I suppose both “won” because those tools are now built into web browsers & HTML/CSS.

When I need interactiveity, I used #htmx & #AlpineJS now for things. I have completely skipped the whole big JS frontend thing.

I Built an App in Every Frontend Framework, by (not on Mastodon or Bluesky):

https://dev.to/lissy93/i-built-an-app-in-every-frontend-framework-4a9g

#frameworks #libraries #react #vuejs #svelte #angular #lit #marko #jquery #alpinejs #solidjs #astro #qwik #comparisons

Improved #Emacs web-mode to support wildcards when defining attribute that are skipped by the indentation engine.

Helps e.g. setting indendation rules for #datastar 's or #alpinejs 's custom attributes, often having multi-line expressions as values.

https://web-mode.org/

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

Another quick release, this one adds Alpine.js support for shorthand event handlers.

Just add a `@` before your shorthand event handler names to have them expanded as inline Alpine.js event handlers.

e.g., `on:connect` → `@on:connect`

Enjoy!

:kitten:💕

#Kitten #AlpineJS #HTMX #SmallWeb #peerToPeerWeb #web #dev #JavaScript #nodeJS #SmallTech #KittenRelease

For the web projects I initiate, I'm settling into what I call the #mvjs framework (Minimum Viable JavaScript) - the least JS I can get away with.

This brings me to use a subset of:
- HTMX (only if I need partial page reload)
- alpinejs (only if I need some reactivity that only makes sense on the client side)
- vanilla javascript (for the rare cases I need to complemenf the former)

Thanks @carlton for helping me discover Alpine

#htmx #alpinejs

Per als projectes web que inicio, el meu framework preferit de frontend l'he batejat com #mvjs (minimum viable javascript) - només javascript quan sigui imprescindible.

Això em porta a utilizar el subconjunt de:
- HTMX (només si cal refrescar fragmentd de les pàgines)
- alpinejs (només si cal reactivitat que només té sentit fer al frontend)
- javascript pelat (per als casos esporàdics que cal complementar els anteriors)

Gràcies a @carlton per fer-me descobrir Alpine

#htmx #alpinejs

Sorry guys, I'll rather pay for Fluxtor than FlexUI.

A single pay of $140 for all the components, most of them ANIMATED? Take my wallet. Plus, $70 for a year.

And that's less than the most basic Flux UI "plan". It feels like #CalebPorzio and #HugoSainteMarie failed at the most basic thing in product marketing: the price.

#Programming #Laravel #PHP #Fluxtor #FluxUI #Livewire #Blade #Coding #Code #WebDevelopment #WebDev #SoftwareDevelopment #Frontend #HTML #CSS #TailwindCSS #Tailwind #AlpineJS

Sorry guys, I'll rather pay for Fluxtor than FlexUI.

A single pay of $140 for all the components, most of them ANIMATED? Take my wallet. Plus, $70 for a year.

And that's less than the most basic Flux UI "plan". It feels like #CalebPorzio and #HugoSainteMarie failed at the most basic thing in product marketing: the price.

#Programming #Laravel #PHP #Fluxtor #FluxUI #Livewire #Blade #Coding #Code #WebDevelopment #WebDev #SoftwareDevelopment #Frontend #HTML #CSS #TailwindCSS #Tailwind #AlpineJS

Sorry guys, I'll rather pay for Fluxtor than FlexUI.

A single pay of $140 for all the components, most of them ANIMATED? Take my wallet. Plus, $70 for a year.

And that's less than the most basic Flux UI "plan". It feels like #CalebPorzio and #HugoSainteMarie failed at the most basic thing in product marketing: the price.

#Programming #Laravel #PHP #Fluxtor #FluxUI #Livewire #Blade #Coding #Code #WebDevelopment #WebDev #SoftwareDevelopment #Frontend #HTML #CSS #TailwindCSS #Tailwind #AlpineJS

Sorry guys, I'll rather pay for Fluxtor than FlexUI.

A single pay of $140 for all the components, most of them ANIMATED? Take my wallet. Plus, $70 for a year.

And that's less than the most basic Flux UI "plan". It feels like #CalebPorzio and #HugoSainteMarie failed at the most basic thing in product marketing: the price.

#Programming #Laravel #PHP #Fluxtor #FluxUI #Livewire #Blade #Coding #Code #WebDevelopment #WebDev #SoftwareDevelopment #Frontend #HTML #CSS #TailwindCSS #Tailwind #AlpineJS

HTMX, AlpineJS, SSR v1/2/3 и SPA. Что к чему

HTMX и AlpineJS это две JS библиотеки, которые расширяют HTML специальными аттрибутами и позволяют писать фронтенд без SPA фреймворков. Это альтернативы React/Vue/Angular и иже с ними. Их появление вызвано усталостью от сложной JS экосистемы и тоской по временам, когда задачи решались с помощью PHP и jQuery. Я всю жизнь писал JSON API и SPA интерфейсы и моему мозгу трудно было переварить, зачем нужны эти библиотеки и как с ними работать. Поэтому я написал эту статью.

https://habr.com/ru/articles/934486/

#htmx #spa #ssr #react #next #alpinejs #alpine #javascript #typescript #nodejs

#Development #Fun
My tech stack in LEGO · Who says your stack can’t live beyond the screen? https://ilo.im/165ey5

_____
#Lego #TechStack #TailwindCSS #AlpineJS #PHP #Laravel #Pest #WebDev #Frontend #Backend

En ce début de vacances, mes parents m'ont demandé de faire une application qui les notifierait lorsqu'il faisait trop chaud dans la serre et qu'il fallait l'ouvrir (mon petit frère électronicien a déjà fait le capteur)
Je me suis dit que ce serait l'occasion d'apprendre le #golang et d'autres technologies ( #templ #sqlc #alpineJS etc... )
Maintenant je termine gentiment le backend, et la partie la plus dure m'attend: faire un appli Android (j'ai pas hâte) 💀

#introduction

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.

@phildini @glyph you mean like https://django-htmx.readthedocs.io/en/latest/ ?

I’m not a front end developer and I think most front end frameworks are overkill. :) I’ve used #alpinejs with great success

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.

#Programming #Laravel #FilamentPHP #Filament #PHP #WebDevelopment #WebDev #Coding #Code #Livewire #Vue #AlpineJS #JavaScript #JS #Frontend #GUI

#Laravel #Livewire Starter Kit: Complete admin solution on the #TALL stack 🚀

🔹 Built on the #TALL stack (#Tailwind, #AlpineJS, #Laravel, #Livewire) with #FluxUI components
🔹 Complete user, role & permission management using Spatie packages

🧵 👇

#Laravel #Livewire Starter Kit: Complete admin solution on the #TALL stack 🚀

🔹 Built on the #TALL stack (#Tailwind, #AlpineJS, #Laravel, #Livewire) with #FluxUI components
🔹 Complete user, role & permission management using Spatie packages

🧵 👇

#Laravel #Livewire Starter Kit: Complete admin solution on the #TALL stack 🚀

🔹 Built on the #TALL stack (#Tailwind, #AlpineJS, #Laravel, #Livewire) with #FluxUI components
🔹 Complete user, role & permission management using Spatie packages

🧵 👇

#Laravel #Livewire Starter Kit: Complete admin solution on the #TALL stack 🚀

🔹 Built on the #TALL stack (#Tailwind, #AlpineJS, #Laravel, #Livewire) with #FluxUI components
🔹 Complete user, role & permission management using Spatie packages

🧵 👇

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

https://www.marcusjaschen.de/blog/2025/2025-03/

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

https://www.marcusjaschen.de/blog/2025/2025-03/

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

https://www.marcusjaschen.de/blog/2025/2025-03/

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

https://www.marcusjaschen.de/blog/2025/2025-03/

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

https://www.marcusjaschen.de/blog/2025/2025-03/

Je viens de publier la version 0.6.0 de #Gibson mon moteur de #blog #markdown.
La grosse nouveauté est l'ajout d'un moteur de recherche interne en JS. Grosse galère à implémenter avec #alpinejs et #fusejs heureusement j'ai fini par tomber sur ce blog qui m'a donné des pistes https://www.luckymedia.dev/blog/integrate-fusejs-with-statamic (celui là n'est plus vraiment à jour https://gummibeer.dev/blog/2021/static-search-with-fusejs/ )

https://codeberg.org/fredix/gibson/releases/tag/v0.6.0

Je viens de publier la version 0.6.0 de #Gibson mon moteur de #blog #markdown.
La grosse nouveauté est l'ajout d'un moteur de recherche interne en JS. Grosse galère à implémenter avec #alpinejs et #fusejs heureusement j'ai fini par tomber sur ce blog qui m'a donné des pistes https://www.luckymedia.dev/blog/integrate-fusejs-with-statamic (celui là n'est plus vraiment à jour https://gummibeer.dev/blog/2021/static-search-with-fusejs/ )

https://codeberg.org/fredix/gibson/releases/tag/v0.6.0

#Development #Introductions
Why Alpine is the new jQuery · Getting started with the lightweight JavaScript framework https://ilo.im/160ri9

_____
#Interactivity #jQuery #AlpineJS #Framework #Browser #WebDev #Frontend #DOM #HTML #JavaScript

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Disponibile su YouTube il replay della mia sessione a ITDevCon 2023 su applicazioni Web "secche e dure" (come si dice da alcune parti 😄) con la libreria AlpineJS e Delphi. 💘
https://www.youtube.com/watch?v=VFESpkoJink
.
.
.
.
#web #application #alpinejs #javascript #frontend #delphi #coding #programmazione #softwaredevelopment #developers #conferenze #itdevcon

@runlevel0 You were right, separating the main server from the frontend was a _mistake_, I’ve since moved to #templ and #alpineJS for some small enhancements, with the plan to add #htmx when I have time.

I still have one rest micro service that is talked to internally.

@aral I read through the #Kitten docs. You did a nice job walking through the project and it’s capabilities 👍🏻

Looks like a neat tool. #HTMX and #alpinejs are nice choices to bundle. I’d prefer #SQLite to #JSDB, but I see what you’re going for. I might try it out with #Dolt via Dolthub’s SQL API https://dolthub.com/blog/2020-08-21-dolthub-repository-apis/

Overall it feels like a static site generator, but it’s dynamic! very cool 😸

@laura @smallcircles

#PHP でいいじゃんという機運がもし高まったら #RiotJS にとってはむしろ勝機、いや、勝つとか負けるとかいうフェーズではもはやないけど、シチュエーションによっては活路があるというか利用シーンでてくる気はしている。

そのためにもランタイムスロットのことをやっぱり記事書きたいな。
このあたりの機能は Inspired by #AlpineJS なので、事前コンパイルなしで使える（というか RiotJS のコンパイラーを含むバージョンを使う）し、サーバーサイドの #PHP とは親和性が高い気がしてる（気がしているだけ

あとは #ViewTransitionsAPI が通常のページ遷移でも効くようになってくれたら、最高なんだけどなあ :vivaldia_5:

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend?

https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend

#javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

https://newsletter.mobileatom.net/frontend-madness-wtf-for-your-php-backend/

#AlpineJS #Angular #Drupal #javascript #Laravel #PHP #PWAs #React #Svelte #symfony #Viewi #Vue #WordPress

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.mobileatom.net/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.com/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs

Explore our article: Frontend Madness: SPAs, MPAs, PWAs, Decoupled, Hybrid, Monolithic, Libraries, Frameworks! WTF for your PHP backend? https://symfonystation.com/Frontend-Madness-JS-PHP-Backend #javascript #PHP #symfony #Laravel #Drupal #WordPress #React #Vue #Svelte #AlpineJS #Angular #Viewi #PWAs