Top Tweets for #alpineJs
How to create APIs with Django Rest Framework
๐ https://t.co/XYbhYOECS9
#api #Django #djangorestframework #drf #alpinejs #webapp #python #pythonprogramming #selftaughtdeveloper #webdevelopment #programmer #coding #entrepreneur #solopreneur #stayathomedad
Some days ago I decided I stumbled on an issue playing with the DOM with #Alpinejs and I tried days to fix it until I had to try to get a quicker and more reliable alternative to this.
Here comes #StimulusJs. In no time, about 2 days I was able to refactor a few things on my codebase.
Today we (https://t.co/vPpKWESA1N) fully uses stimulus.
Another big update I had to do was on my coolify environment.
Just learned HTMX + Alpine.js via ChatGPT.
Clean, lightweight, and surprisingly powerful.
Planning to use this stack for the Sui Gaming Nigeria website.
Less complexity. More focus on shipping.
#WebDev #HTMX #AlpineJS #BuildInPublic @SuiGamingNigeria
@GCGvsGAMING
ยกArrancamos motores en la Track 2! ๐๏ธ Javier Archeni nos enseรฑa cรณmo darle "turbo" al frontend de #WordPress usando Alpine.js. Menos peso, mรกs velocidad. ยกPintaza! ๐จ
#WCZGZ26 #WordPress #Frontend #AlpineJS
I just raised another PR to the @laravelio codebase, which adds the option for pagination through the articles, threads, and replies under the user profile. https://t.co/Bbg0b6DT1Y
#Laravel #PHP #AlpineJs #OpenSource
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/YLhnOUg7bi
building modals that donโt break under realโworld pressure ๐ง!
Dive into how SheafUIโs โUltimate Modal Systemโ handles global state, nested dialogs, mobile gestures, accessibility it now: https://t.co/2mWJzxyuOD
#TALLStack #Laravel #AlpineJS #Livewire #WebDev
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/2WwSbefJ0K
๐๐๐ฒ 56 ๐จ๐ #100๐๐๐ฒ๐ฌ๐๐๐๐จ๐๐! We're tackling the component everyone dreads: the custom ๐๐ซ๐จ๐ฉ๐๐จ๐ฐ๐ง/๐๐๐ฅ๐๐๐ญ, along with the small but essential ๐๐จ๐ ๐ ๐ฅ๐/๐๐ฐ๐ข๐ญ๐๐ก!
The Dropdown is a real UI skill test, but with the #Alpinejs / #Livewire / #Blade team, we managed to make it perfect, including accessibility.
๐๐ก๐๐ญ ๐ฆ๐๐ค๐๐ฌ ๐ญ๐ก๐ข๐ฌ ๐๐ซ๐จ๐ฉ๐๐จ๐ฐ๐ง ๐ฌ๐จ ๐๐จ๐จ๐ฅ:
- ๐๐จ๐ญ๐๐ฅ ๐๐ฅ๐ฉ๐ข๐ง๐ ๐๐จ๐ง๐ญ๐ซ๐จ๐ฅ: It manages the open state and, crucially, smart closing mechanisms (๐น-๐ฐ๐ฏ:๐ค๐ญ๐ช๐ค๐ฌ.๐ข๐ธ๐ข๐บ).
- ๐๐จ๐ฉ-๐ง๐จ๐ญ๐๐ก ๐11๐ฒ (๐๐๐๐๐ฌ๐ฌ๐ข๐๐ข๐ฅ๐ข๐ญ๐ฒ): I worked on ๐ค๐๐ฒ๐๐จ๐๐ซ๐ ๐ง๐๐ฏ๐ข๐ ๐๐ญ๐ข๐จ๐ง (Up/Down arrows, Escape) so keyboard wizards can use it with their eyes closed.
- ๐๐ก๐ ๐๐จ๐ ๐ ๐ฅ๐: A clean, stylish little Switch that handles binary states with smooth transitions.
Two more foundational blocks added to the lab. We're starting to build a real library! ๐ช
Check out the Dropdown (and previous components) on the lab:
๐ https://t.co/KlcJSZY0Ab
What's the ๐ก๐๐ซ๐๐๐ฌ๐ญ component you've had to build using Alpine.js?
#Laravel #Livewire #Alpinejs #TailwindCSS #WebDev #ComponentDesign #100DaysOfCodeChallenge
๐๐ข๐ ๐๐๐ฒ ๐๐จ๐ซ ๐๐๐ฒ 55 ๐จ๐ #100๐๐๐ฒ๐ฌ๐๐๐๐จ๐๐! I nailed two essential components for my UI Lab: the ๐๐จ๐๐๐ฅ/๐๐ข๐๐ฅ๐จ๐ and the ๐๐ฅ๐๐ซ๐ญ/๐๐๐ง๐ง๐๐ซ component.
Honestly, this proves that when you combine #Livewire and #Alpinejs, you can build truly professional things without getting bogged down with heavy JavaScript. It absolutely rocks!
1. The Modal
- This was the day's final boss! Controlled by Alpine, it has super smooth open/close ๐ญ๐ซ๐๐ง๐ฌ๐ข๐ญ๐ข๐จ๐ง๐ฌ (๐น-๐ต๐ณ๐ข๐ฏ๐ด๐ช๐ต๐ช๐ฐ๐ฏ).
- The sweet bonus: it closes by clicking outside or by hitting the ๐๐ฌ๐๐๐ฉ๐ key (๐น-๐ฐ๐ฏ:๐ฌ๐ฆ๐บ๐ฅ๐ฐ๐ธ๐ฏ.๐ฆ๐ด๐ค๐ข๐ฑ๐ฆ). UX is everything!
2. The Alert Component (Simple and Effective)
- Perfect for displaying all back-end messages (success, error, info).
- Plenty of variant colors and ๐๐ฎ๐๐ข๐๐ ๐๐๐จ๐ง๐ฌ to make it pop. A total must-have in any project.
Two major UI challenges tackled in one day. I'm feeling on top of the world! ๐ช
Check out the final result and test the interactivity: ๐ https://t.co/NAhPliwEUn
Between a Modal that covers the whole screen and a complex form field, what do ๐ฒ๐จ๐ฎ think is the ๐ฆ๐จ๐ฌ๐ญ ๐๐ง๐ง๐จ๐ฒ๐ข๐ง๐ component to make fully accessible ?
#Laravel #Livewire #Alpinejs #TailwindCSS #WebDev #ComponentDesign #100DaysOfCodeChallenge
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/lRqiuRyHB7
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/fHBnYqtKb9
ใworkใYOU INC.
https://t.co/jds0lNlTiz ๅผ็็ๅฐๅท็บใจๆฑไบฌ้ฝใๆ ็นใซไผ็ปใป็ทจ้ใๆใใใYOU INC.ใฎWebใตใคใใชใใฅใผใขใซใซใใใฆใๅฎ่ฃ
ๆฅญๅใๆ
ๅฝใใพใใใๅฒกๆฌๅฅใใถใคใณไบๅๆใใผใ ใจYOU INC.ใใผใ ใซใใๆฟๅฏใชๅฏพ่ฉฑใฎไธญใง่ฒใพใใWebใตใคใใงใใ#ๅฎ่ฃ
#webๅถไฝ #alpinejs #tailwindcss
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @leanpub https://t.co/Nm25JvWQ59
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/jDhMELjOLU
No more nerves, ace interviews with our expert tips! ๐ช๐ #jobinterviews #careerdevelopment #book #nodejs #alpinejs #javascript @gumroad https://t.co/aLW3nf9pCb
Built a template selection modal for @FilaForms with:
โ Real-time search filtering
โ Alpine.js reactivity
โ Visual selection feedback
โ Debounced search performance
Clean UX without overengineering.
#Laravel #AlpineJS #FilaForms
Last Seen Hashtags on Sotwe
amatรถr sex
Seen from Turkey
nolimit()***+filter:native_video
Seen from Italy
novinha
Seen from Brazil
GTSCKings
Seen from United States
minichatt
Seen from Japan
เธเธธเธฃเธตเธฃเธฑเธกเธขเน
Seen from United States
HBACK
Seen from United States
nolimit(*******)*************+filter:native_video
Seen from Brazil
minichat
Seen from Brazil
latina
Seen from Switzerland
Most Popular Users
Elon Musk 
@elonmusk
241.5M followers
Barack Obama
@barackobama
118.8M followers
Cristiano Ronaldo
@cristiano
114.6M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.1M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.3M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
90.1M followers
Taylor Swift
@taylorswift13
84M followers
Lady Gaga
@ladygaga
75.5M followers
Virat Kohli
@imvkohli
73.5M followers
Kim Kardashian
@kimkardashian
70.9M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.5M followers
Bill Gates
@billgates
65.3M followers
Selena Gomez
@selenagomez
63.1M followers
The Ellen Show
@theellenshow
62.2M followers
CNN
@cnn
61.7M followers
X
@x
60.7M followers