Michael Andreuzzamichaelandreuzza.hashnode.dev·Oct 30, 2024How to create a dynamic multiple step form with Tailwind CSS and Alpine JSHi everyone! Today, we’ll be building a dynamic multi-step form with Tailwind CSS and Alpine.js. With these tools, creating responsive and interactive forms becomes straightforward—no need for heavy JavaScript frameworks. Multi-step forms break down ...DiscussTailwind CSS
Nicolas Fränkelfrankel.hashnode.dev·Oct 24, 2024Summary of the AJAX frameworks comparisonIn previous weeks, I've analyzed several libraries and frameworks that augment the client with AJAX capabilities. Vue.js Alpine.js HTMX Vaadin In this post, I'll compare them across several axes. Analysis Frontend skills: Remember that I sta...DiscussVue.js
Nicolas Fränkelfrankel.hashnode.dev·Oct 3, 2024Augmenting the client with Alpine.jsThis post is part of a series comparing different ways to implement asynchronous requests on the client, which is colloquially known as AJAX. I dedicated the previous post to Vue.js; I'll dedicate this one to Alpine.js - not to be confused with Alpin...Discussalpinejs
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Customizable solution for managing dynamic content in Laravel projects using FilamentPHP.Filawidget is a dynamic content and widget management package for FilamentPHP, providing an easy-to-use drag-and-drop interface to manage widgets, widget areas, and hierarchical pages. The package is designed to enhance the customization of page layo...DiscussJavaScript
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Filament Progress indicatorsThe Progress Management Package for FilamentPHP provides a flexible and easy-to-use solution for tracking and visualizing progress within Filament admin panels. It includes custom Filament components for displaying linear and circular progress indica...DiscussFrontend Development
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Filasortable reorderable drag-and-drop.Filasortable package for reorderable drag-and-drop table for modern browsers and touch devices, just register the pluginafter that you will see new button appear at the header of table where you can enable and disable the sort option for the current ...DiscussJavaScript
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Filament Sort OrderTransform the sorting order of any table effortlessly by installing this package. It provides seamless functionality without requiring any manual code writing. Simply install it, and you're good to go ! Youtube Video Installation You can install t...DiscussJavaScript
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Radio button imageRadio button image is all about replacing traditional radio buttons with images. Youtube Video Installation You can install the package via composer: composer require ibrahimbougaoua/radiobuttonimage You can publish the config file with: php arti...DiscussFrontend Development
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Filament menu scroll fix.Now whene a user clicks on an item it sets focus on the selected item without the weird reloading and scrolling up the list, Especially if the user contains a lot of elements he would have to scroll the selected element manually. Before After Insta...DiscussHTML5
Ibrahim Bougaouaibrahimbougaoua.hashnode.dev·Sep 24, 2024Filament Star rating field & column.Installation You can install the package via composer: composer require ibrahimbougaoua/filament-rating-star You can publish the config file with: php artisan vendor:publish --tag="filament-rating-star-config" This is the contents of the published ...DiscussFrontend Development