I really like this use case for x-effect in @Alpine_JS v3. It’s an easy way to disable scrolling on the body when you open a modal or a mobile navigation. Using x-effect you don’t have to worry about enabling scrolling again when a user hits ESC or uses click.outside for example. pic.twitter.com/cPPdOPlEhf
— Rob de Kort (@studio1902) June 23, 2021
This newsletter supported by my GitHub Sponsors.
Made with Alpine.js
If you’ve got something to share with the Alpine.js community, you can submit your link or reach out to me on twitter @hugo__df.
Here are this week’s Alpine.js adopters:
Articles & Tutorials
[Video][French] Créons un système de compteur avec alpinejs by @emichel_dev
Code & Tools
- Safari 12 support syntax fix
- Initialize x-if AFTER being added to the DOM so x-ref works
tinywind.dev by @ryangjchandler is a collection of free-to-use Tailwind (& sometimes Alpine) components.
The Alpine.js Webflow wrapper by @jareklip has been updated to support V3. Demo: webflow.com/website/alpinejs-demo, code:github.com/loomchild/webflow-alpinejs.
Had to add a new feature to an old website which is using an old CSS framework. Just realized again how much quicker it is when I use @tailwindcss and @Alpine_JS
— Andreas Becker (@designoutput) June 25, 2021