#alpinejs

[ follow ]
#web-development

Converting a Vue 2 App to Alpine.js

Building simple text game inspired by A Dark Room
Switching from Vue.js to Alpine.js for simpler web pages

Using GenAI to Help Pick Your D & D Class

Generative AI integrated with D&D through Class Suggester using Gemini 1.5 API.
Alpine.js used for frontend to display stats and interact with the application.

Augmenting the Client With Alpine.js | HackerNoon

Integrating Alpine.js with Spring Boot and Thymeleaf simplifies async requests, making it akin to using Vue.js.

Building a CRUD Web App with Alpine.js

Encouraging reader interaction can lead to valuable content. Using Alpine.js for a CRUD interface can be effective for simple tasks.

Alpine.js Workshop this Friday

Last minute free online workshop on Alpine.js at 4 PM CST this Friday.
Invited by Ontario Tech University Google Developer Student Club.

Converting a Vue 2 App to Alpine.js

Building simple text game inspired by A Dark Room
Switching from Vue.js to Alpine.js for simpler web pages

Using GenAI to Help Pick Your D & D Class

Generative AI integrated with D&D through Class Suggester using Gemini 1.5 API.
Alpine.js used for frontend to display stats and interact with the application.

Augmenting the Client With Alpine.js | HackerNoon

Integrating Alpine.js with Spring Boot and Thymeleaf simplifies async requests, making it akin to using Vue.js.

Building a CRUD Web App with Alpine.js

Encouraging reader interaction can lead to valuable content. Using Alpine.js for a CRUD interface can be effective for simple tasks.

Alpine.js Workshop this Friday

Last minute free online workshop on Alpine.js at 4 PM CST this Friday.
Invited by Ontario Tech University Google Developer Student Club.
moreweb-development
#javascript

Using Drag/Drop in Alpine.js with PDF Embed

JavaScript has long supported drag and drop functionality, which can be used in combination with Adobe's PDF Embed library.
Drag and drop functionality can be implemented using the 'drop' and 'dragover' events, with the 'dragover' event necessary to make an element droppable.

Dynamically Showing and Hiding Markers in Leaflet

Leaflet can dynamically hide and show markers using LayerGroup and FeatureGroup.

Using Drag/Drop in Alpine.js with PDF Embed

JavaScript has long supported drag and drop functionality, which can be used in combination with Adobe's PDF Embed library.
Drag and drop functionality can be implemented using the 'drop' and 'dragover' events, with the 'dragover' event necessary to make an element droppable.

Dynamically Showing and Hiding Markers in Leaflet

Leaflet can dynamically hide and show markers using LayerGroup and FeatureGroup.
morejavascript

Help Me Solve an Alpine.js Mystery

Avoid variable naming conflicts when working with Alpine.js to prevent issues in two-way data binding.

An Online Mastodon Archive Viewer

The article discusses creating a viewer for Mastodon archives with a focus on actor.json and outbox.json data.
#gowebly-cli

Release v2.1.0 gowebly/gowebly

The Gowebly CLI v2.1.0 release includes support for the Alpine.js library.
Users can update Gowebly CLI using different methods depending on their platform.

Finally! Official launch of the Gowebly project on ProductHunt

Gowebly CLI simplifies project setup for full-stack Go development using htmx, hyperscript, or Alpine.js.

Release v2.1.0 gowebly/gowebly

The Gowebly CLI v2.1.0 release includes support for the Alpine.js library.
Users can update Gowebly CLI using different methods depending on their platform.

Finally! Official launch of the Gowebly project on ProductHunt

Gowebly CLI simplifies project setup for full-stack Go development using htmx, hyperscript, or Alpine.js.
moregowebly-cli

Using Generative AI to Detect Cat Breeds

The author created a web application using Google's Gemini AI to identify cats in pictures.
The front end of the application uses a native web platform feature to access the user's camera or allow file selection.

Using IndexedDB with Alpine.js

Alpine.js is a simple and lightweight JavaScript framework that is effective for building basic applications.
The author compares using Alpine.js to their previous experience with IndexedDB, highlighting the simplicity and effectiveness of Alpine.js.
The author integrates the functionality of the application into the HTML using Alpine.js directives and shorthand syntax.

Game Dev Diary - Cat Herder - Part 1

Creating a new game, Cat Herder, based on managing cats' moods to earn 'purrs' as in-game currency.
[ Load more ]