Vanilla Alpine.js codepen template that I made for myself https://codepen.io/pen?template=bGdzxBO
— Hugo (@hugo__df) November 17, 2020
This email is supported by my GitHub Sponsors.
Here’s Kevin’s one with inline devtools and Alpine.js https://codepen.io/KevinBatdorf/pen/abdJGYM?editors=1010.
I’ve also got another Alpine + Tailwind CodePen template: https://codepen.io/pen?template=jOPLPGX
Alpine is great to interface with HTML5
Our project prototype got a video-component with custom controls a month ago, built with HTML5 video and @Alpine_JS. I just deployed a change that pauses the video when the user scrolls past the center of the video. x-on:scroll.window.debounce made this super easy and performant.
— Jannis Borgers (@jannisborgers) November 14, 2020
— The Sinister with the Thanksgiving gene (@furioursus) November 18, 2020
— Daniel Kalivoda (@DanekKalivoda) November 19, 2020
A new term is blooming: the PETAL stack. Phoenix, Elixir, Tailwind CSS, Alpine JS, and LiveView. I don’t need Alpine yet, but I’m using the rest (plus the Commanded CQRS/ES library for good measure) and I can’t remember ever being so productive on a web app before.
— Case de Groot (@cdegroot) November 17, 2020
ok i know i said i hated js frameworks, but i freaking LOVE alpine.js <3
— beer (@beerplusplus) November 15, 2020
Here are this week’s Alpine.js adopters:
For more posts like these, you can join the Alpine.js Development Subscription, it’s a great way to support the newsletter and get early access to Alpine.js content.
Eleventy AgilityCMS Starter by @AgilityCMS - github.com/agility/agilitycms-eleventy-starter-2020 uses Alpine.js and TailwindCSS.
Two new helpers added to the Alpine Magic Helpers repo for @Alpine_JS! `$scroll()` for cross-browser smooth scrolling, and `$range()` for use in your `x-for` loops. Demos are on Github! https://t.co/7fgFH8eKgL pic.twitter.com/Vol4n70eKj
— Kevin Batdorf (@kevinbatdorf) November 15, 2020