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
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 10, 2024How to create a tag input with Tailwind CSS and AlpinejsLet's create a tag input! See it live and get the code How can we usetag inputs in our Uis and why do we need them Tag inputs are a great way to add tags to a list. They are used in many different applications, such as social media, to allow users to...DiscussTailwind CSS
Harshal RanjhaniforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 9, 2024Static site generation using AstroAstro is a modern front-end framework for building fast, optimized websites and applications. One of its key features is the ability to generate static sites. What is a Static Site? 💭 Imagine a restaurant where the chef prepares all the meals in adv...Discuss·15 likes·36 readsAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Apr 9, 2024How to create a dark mode toggle with Tailwind CSS and AlpinejsToday is toggle day! See it live and get the code A theme toggle is a feature that allows users to switch between different themes or color schemes. It is a great way to customize the look and feel of your website or application. With a theme toggle,...DiscussTailwind CSS Tutorial
Reuben Tierotterlord.hashnode.dev·Apr 2, 2024Hello World!This is a test post for a headless CMS site with AstroDiscussAstro
