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

I have to create a mobile app in the form of a PWA.

So I seriously considered #svelte

After some hours struggling with sveltekit I just came to the conclusion that I'd be better off with #htmx and #AlpineJS

Life is too short to spend It chasing ghosts

@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

Join our Weekend Workshop: Modern Frontend Development with #Django, #HTMX, #Tailwind, #Playwright and #AlpineJS

Dates: 24-25 January

https://prelude.tech/upcoming_workshops/16/details

Use the code GIFT25 to unlock a 25% festive discount! Offer valid until 11 January

I created a playground for
#alpinejs that has live refresh and can create shareable URLs too https://ohdoylerules.com/personal-project/alpinejs-playground/

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

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

If you sign up for one of my upcoming workshops at https://prelude.tech/upcoming_training and use the code NAMIBIA at checkout, you'll get 10% off, and I'll donate another 40% to @PyConNA.

Workshops:
- Modern frontend development with #Django, #HTMX, #Tailwind, #Playwright and #AlpineJS: https://prelude.tech/upcoming_workshops/12/details
- Understanding #Django by Integrating #AllAuth: https://prelude.tech/upcoming_workshops/13/details

#PreludeTech creates abundance to share. Can't afford a course? Email us at hello@prelude.tech to explain your situation for scholarship opportunities.

https://prelude.tech/upcoming_training

#Django #AllAuth #HTMX #AlpineJS #Playwright #Tailwind #Python

#PreludeTech is relaunching weekend workshops this November. If modern frontend development with #Django, #HTMX, #Tailwind, #Playwright, and #AlpineJS is your thing, grab your ticket here: https://prelude.tech/upcoming_workshops/12/details

Chuffed! I rewrote a small #svelte app using #AlpineJS reducing total file sizes and removing the build step!

Svelte app, minified: 67KB
Alpine (44KB) + mycode.js = 64KB
Alpine (44KB) + mycode.min.js = 60KB

It's not much smaller (max 10%) but this wasn't my goal anyway! But I think it will make it more maintainable because the build step brings so many dependencies. Also, Alpine has fewer foibles than Svelte.

#JavaScript #webDev #SmallWeb

Bạn có dùng assister code/open-source k sides search web? Razi hỏi về cấu hình để model sử dụng tool này khi gặp khó pasado. compressive tại ví dụ Alpine.js & Gemini có search tích hợp. #CodingAssistant #WebSearch #AlpineJS #Gemini

https://www.reddit.com/r/LocalLLaMA/comments/1o74ufs/coding_assistant_with_web_search/

Hướng dẫn tạo thông báo động với Tailwind CSS và Alpine.js! Bao gồm tính năng tự động đóng, tạm dừng khi rê chuột và nhiều loại thông báo (thành công, lỗi, cảnh báo, thông tin). Code sẵn sàng để sử dụng! 🚀

#LapTrinh #WebDevelopment #TailwindCSS #AlpineJS #ThongBao #Notification #Frontend

https://www.reddit.com/r/programming/comments/1nqvl08/how_to_create_a_notification_with_tailwind_css/

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