#alpinejs — Public Fediverse posts

🚀 Hey PHP developers! Tired of those pesky UI positioning issues? Discover how Alpine's x-anchor plugin and the new .fixed modifier can simplify your life. Make your interfaces shine with ease! 🌟 #AlpineJS #UIDesign

https://shocm.me/posts/2026-07-10-alpinejs-x-anchor-plugin-positioning/

🚀 Hey PHP developers! Tired of those pesky UI positioning issues? Discover how Alpine's x-anchor plugin and the new .fixed modifier can simplify your life. Make your interfaces shine with ease! 🌟 #AlpineJS #UIDesign

https://shocm.me/posts/2026-07-10-alpinejs-x-anchor-plugin-positioning/

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

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

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

Check it here: 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

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

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.

@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

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/

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

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

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

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

#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) 💀

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.

#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?

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