Michael Andreuzzamichaelandreuzza.hashnode.dev·May 8, 2024How to creat a contextual menu with Tailwind CSS and AlpinejsLet's hack the right click event and create a contextual menu with Tailwind CSS and Alpinejs. We'll use the @contextmenu.prevent directive to prevent the browser from opening the default contextual menu. See it live and get the code What is a context...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 7, 2024How to add items to your cart with Tailwind CSS and AlpinejsHere we so with a simple cart example using Tailwind CSS and Alpinejs. See it live and get the code What are add to cart buttons and what do they do? Add to cart buttons are used to add items to the cart. They typically have a "Add to Cart" text or i...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·May 4, 2024I made a bunch of free and open source templates with Astro and Tailwind CSS for any one to useHello everyone I have been building some Free and Open source themes for Astrojs. Free websites themes built with astrojs and tailwind. Grab them here ⏤ astro saas: saas website template ⏤ astromax: personal landing page ⏤ swissfolio: personal land...DiscussTailwind CSS
Gautam VajaforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 27, 2024Astro: Building Content-Driven Websites FasterWhat is Astro? Astro is a static site generator that allows developers to build websites that deliver content as static HTML, which can be enhanced with JavaScript as needed. This approach is known as "partial hydration," where you only load JavaScri...DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 22, 2024How to create a pricing slider with Tailwind CSS and AlpinejsIt's Monday and today we are building a pricing slider with Tailwind CSS and Alpinejs for your pricing page. See it live and get the code What is a pricing slider? A pricing slider is a slider that allows you to select a price range. It is a great wa...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 19, 2024How to create a TODO with Tailwind CSS and AlpinejsLEt's build simple TODO app with Tailwind CSS and Alpine JS. See it live and get the code What is a TODO ? A TODO is a list of things that need to be done. It's a great way to keep track of tasks and prioritize them. It can be used for anything from ...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 18, 2024How to create a scroll to top button with Tailwind CSS and AlpinejsIn this tutorial, we'll be creating a scroll to top button using Tailwind CSS and Alpine.js. See it live and get the code What is a scroll to top button? A scroll to top button is a button that appears at the bottom of a webpage when the user scrolls...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 16, 2024How to create an accordion with Tailwind CSS and AlpinejsAn accordion, yeah that's right. See it live and get the code What are accordions? An accordion is a way to display a list of items that can be expanded and collapsed, it also saves space by not displaying all the items at once. It's a great way to o...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 12, 2024How to create a progress-bar with Tailwind CSS and AlpinejsA progress bar, that's what we are going to build. See it live and get the code Why are progress bars important When you are building a website, you will probably have to show a progress bar to your users for many different reasons. For example, you ...DiscussTailwind CSS
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 11, 2024How to create a Login/Register Form with Tailwind CSS and AlpinejsLets build a form with but before, lets see where wen can use auth forms for. See it live and get code You can use auth forms for: Authentication forms are crucial components of web and application security, serving as the primary method for verifyin...DiscussTailwind CSS